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