| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <body> |
| 3 <script> |
| 4 var imgLoad = function() { |
| 5 var node = document.body.getElementsByTagName("picture")[0]; |
| 6 if (node) { |
| 7 document.body.removeChild(node); |
| 8 window.parent.postMessage("shrink", "*"); |
| 9 } |
| 10 } |
| 11 |
| 12 var test = function () { |
| 13 var entries = performance.getEntriesByType("resource"); |
| 14 var downloadedImages = 0; |
| 15 for (var i = 0; i < entries.length; ++i) { |
| 16 var entry = entries[i]; |
| 17 if (entry.name.indexOf("base-image") != -1) |
| 18 ++downloadedImages; |
| 19 } |
| 20 return downloadedImages; |
| 21 } |
| 22 |
| 23 window.addEventListener("message", function(msg) { |
| 24 if (msg.data == "test") |
| 25 window.parent.postMessage("test_" + test(), "*"); |
| 26 }); |
| 27 </script> |
| 28 <picture> |
| 29 <source id=src srcset="base-image1.png" media="(max-width: 200px)"> |
| 30 <img src="base-image2.png" onload="imgLoad()"> |
| 31 </picture> |
| 32 </body> |
| OLD | NEW |