An advanced postMessage devtools panel for Chrome

Latest Version

Version
0.1.3
Update
December 17, 2024
Size
103KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
한국어
See more
Permissions
Scripting
See more

Postmaster Extension

Postmaster is a devtools panel for logging postMessages, which can be useful for debugging cross-window communication, including messages sent from iframes and MessagePorts. It includes a feature rich toolbar, making it a powerful debugging tool:

FEATURES:

LOGGING: Postmaster logs all messages with their origin, destination, time received, timestamp offset, and payload. Clear your logs at any time.

SEARCH: Filter through any of your received messages by origin, destination, or even the data payload. Supports regex matching to empower complex use cases.

SORT: Toggle how inbound messages are displayed, based on their time of receival.

PRETTIFY: By default, Postmaster displays all message payloads as formatted JSON when applicable. For a more compact view, you can turn this off.

PAUSE/PLAY: For debugging in scenarios with high volumes of exchanged messages, Postmaster supports a pause/play functionality to temporarily control the influx of logged messages.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "default_locale": "en", "name": "Postmaster", "version": "0.1.3", "description": "An advanced postMessage devtools panel for Chrome", "host_permissions": [ "" ], "permissions": [ "scripting" ], "background": { "service_worker": "background.iife.js", "type": "module" }, "action": { "default_icon": "icon-34.png" }, "icons": { "128": "icon-128.png" }, "content_scripts": [ { "matches": [ "http://*/*", "https://*/*", "" ], "js": [ "content/index.iife.js" ] } ], "devtools_page": "devtools/index.html", "web_accessible_resources": [ { "resources": [ "*.js", "*.css", "*.svg", "icon-128.png", "icon-34.png" ], "matches": [ "*://*/*" ] } ]}
Read more