| <!DOCType html> |
| <html> |
| <style> |
| body { |
| margin: 0; |
| } |
| </style> |
| <body> |
| <script> |
| const observer = new PerformanceObserver(entryList => { |
| top.postMessage({ |
| 'length' : entryList.getEntries().length, |
| 'entryType' : entryList.getEntries()[0].entryType, |
| 'rect' : entryList.getEntries()[0].intersectionRect, |
| 'naturalWidth' : entryList.getEntries()[0].naturalWidth, |
| 'naturalHeight' : entryList.getEntries()[0].naturalHeight, |
| 'id': entryList.getEntries()[0].id, |
| // Elements cannot be cloned, so just send the element ID. |
| 'elementId' : entryList.getEntries()[0].element.id, |
| }, '*'); |
| }); |
| observer.observe({entryTypes: ['element']}); |
| </script> |
| <img src=square100.png id=iframe_img_id elementtiming=my_image/> |
| </body> |
| </html> |