Channel Messaging - Interactive Lab | IconVault
Real MessageChannel demos: entangled ports, structured-clone proof, and a port transferred to a Web Worker. Free, in-browser.
Channel Messaging
MessageChannel ports for pages, iframes and workers
MessageChannel or Worker is unavailable in this browser. Both demos below need them; nothing is simulated.
Demo 1: two entangled ports
Port A only hears Port B and vice versa. Payloads cross as structured clones.
Port A outbox (heard by B)
Port B outbox (heard by A)
Port traffic
Connect the ports and send a message to see the structured clone arrive.
Demo 2: port transferred to a Web Worker
A real worker (built from a Blob URL) receives port2 through the transfer list and echoes messages back on it.
Worker traffic
Start the worker, then ping it: the reply comes back on the transferred port.
5 of 5 free sends left. Everything runs in your browser.
About this tool
IconVault's Channel Messaging playground builds real `MessageChannel` ports: two entangled ports trade structured-cloned payloads in the page, and a second demo transfers a port into a genuine Web Worker (created from a Blob URL) that echoes messages back. A deliberate DataCloneError demo shows why functions cannot cross a port. It is free and runs fully in your browser.
MessageChannel is the plumbing behind iframe-to-parent widgets, worker offloading, and cross-context libraries: one side of a port can be transferred to another context while staying a private two-way pipe. The lab makes the entanglement rule tangible (each port only hears the other), proves structured cloning with nested objects and dates, and shows the transfer-list pattern you need for worker communication.
Frequently asked questions
Popular searches
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon