Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?

by

In Chrome the messages are automatically JSON-serialized (literally using JSON.stringify) in Chrome’s JavaScript shim layer that interacts with an extension as can be seen in the source code of messaging.js.

The same applies to chrome.runtime.sendMessage and chrome.tabs.sendMessage which use Port-based messaging internally.

It means that only JSON-compatible portion of the object is passed: strings, numbers, booleans, null, and objects/arrays that consist of the listed types. Complex types are not supported and will be sent as an empty object {} e.g. DOM elements, Set, Map, class instances, functions, and so on.

To send an unsupported type, serialize/stringify it manually, for example if map = new Map():

  • {data: [...map]} when sending
  • new Map(request.data) when receiving

Hopefully, Chrome will be able to send more types directly one day, see https://crbug.com/248548.

In Firefox, the structured clone algorithm is used, which preserves many popular complex types like Date, RegExp, Blob, File, ArrayBuffer, Map, Set, and several others.

More Related Contents:

  1. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  2. How can I get the current Crome URL?
  3. Chrome extension that enables chatting with users on same page [closed]
  4. Persistent Service Worker in Chrome Extension
  5. How to import ES6 modules in content script for Chrome Extension
  6. Chrome refuses to execute an AJAX script due to wrong MIME type
  7. Chrome Extension: Port error: Could not establish connection. Receiving end does not exist.
  8. Unchecked runtime.lastError while running tabs.executeScript?
  9. Contexts and methods for communication between the browser action, background scripts, and content scripts of chrome extensions?
  10. How do I auto-reload a Chrome extension I’m developing?
  11. Chrome Extension: Get Page Variables in Content Script
  12. Upload File as a Form Data through chrome extension
  13. Check if user has a third party Chrome extension installed
  14. Chrome extension: Inject JS before page load
  15. How to properly handle chrome extension updates from content scripts
  16. google chrome extension :: console.log() from background page?
  17. Can I prevent an alert() with a Google Chrome Extension
  18. How can I save information locally in my chrome extension?
  19. How to get the currently opened tab’s URL in my page action popup?
  20. How to get errors stack trace in Chrome extension content script?
  21. Pass a variable from content script to popup
  22. Prevent window.open from focusing
  23. Associate a custom user agent to a specific Google Chrome page/tab
  24. How to clear chrome.storage.local and chrome.storage.sync?
  25. How to fix chrome-extension inline JavaScript invocation error?
  26. Can a website block a Chrome Extension? [duplicate]
  27. Chrome extension identity.email empty
  28. Can’t pass arguments to chrome.declarativeContent.SetIcon
  29. Where are cookies saved for a local HTML file?
  30. Chrome Extension get selected text

Leave a Comment