Examples
Interactive demos with real iframes. Inspect message flow, connection state, and response timing in the always-visible DevTools panel below each example.
BroadcastChannel
InteractiveParent page and child iframe communicating via BroadcastChannel. Same mechanism that works across separate browser tabs — no direct window reference needed.
same-origincross-framerequest/response
postMessage
InteractiveParent page and child iframe communicating via window.postMessage. Point-to-point: the parent holds a direct reference to the iframe's contentWindow.
point-to-pointcross-frameIframeBridgeHost
MessageChannel
InteractiveParent and child iframe connected via a transferred MessagePort. Lowest latency, supports zero-copy ArrayBuffer transfer. After a one-shot handshake over postMessage, traffic flows on a dedicated port pair.
dedicated-portlow-latencytransferables