doc_layoutHelpers_getBoxQuads2-b-and-d.html (748B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <script> 4 'use strict'; 5 window.onmessage = event => { 6 // This is a bi-directional message passthrough. We pass "callGetBoxQuads" 7 // messages down, and everything else back up. 8 const iframe = document.querySelector("iframe"); 9 const goDown = !!event.data.callGetBoxQuads; 10 const targetWindow = (goDown ? iframe.contentWindow : window.parent); 11 12 targetWindow.postMessage(event.data, "*"); 13 }; 14 </script> 15 <style> 16 body { 17 margin: 0; 18 padding: 0; 19 background: lavender; 20 } 21 iframe { 22 width: 150px; 23 height: 150px; 24 margin: 50px; 25 border: 0; 26 } 27 </style> 28 <iframe src="https://test1.example.com/browser/devtools/client/shared/test/doc_layoutHelpers_getBoxQuads2-c-and-e.html"> 29 </iframe>