| OLD | NEW |
| 1 <?php | 1 <?php |
| 2 header("Link: <http://127.0.0.1:8000/resources/square.png?large>;rel=preload
;as=image;media='(min-width: 300px)'", false); | 2 header("Link: <http://127.0.0.1:8000/resources/square.png?large>;rel=preload
;as=image;media=\"(min-width: 300px)\"", false); |
| 3 header("Link: <http://127.0.0.1:8000/resources/square.png?small>;rel=preload
;as=image;media='(max-width: 299px)'", false); | 3 header("Link: <http://127.0.0.1:8000/resources/square.png?small>;rel=preload
;as=image;media=\"(max-width: 299px)\"", false); |
| 4 ?> | 4 ?> |
| 5 <!DOCTYPE html> | 5 <!DOCTYPE html> |
| 6 <meta name="viewport" content="width=160"> | 6 <meta name="viewport" content="width=160"> |
| 7 <script> | 7 <script> |
| 8 window.addEventListener("load", function() { | 8 window.addEventListener("load", function() { |
| 9 var entries = performance.getEntriesByType("resource"); | 9 var entries = performance.getEntriesByType("resource"); |
| 10 var smallLoaded = false; | 10 var smallLoaded = false; |
| 11 for (var i = 0; i < entries.length; ++i) { | 11 for (var i = 0; i < entries.length; ++i) { |
| 12 if (entries[i].name.indexOf("large") != -1) | 12 if (entries[i].name.indexOf("large") != -1) |
| 13 window.opener.postMessage("largeloaded", "*"); | 13 window.opener.postMessage("largeloaded", "*"); |
| 14 if (entries[i].name.indexOf("small") != -1) | 14 if (entries[i].name.indexOf("small") != -1) |
| 15 smallLoaded = true; | 15 smallLoaded = true; |
| 16 } | 16 } |
| 17 if (smallLoaded) | 17 if (smallLoaded) |
| 18 window.opener.postMessage("success", "*") | 18 window.opener.postMessage("success", "*") |
| 19 window.opener.postMessage("smallnotloaded", "*"); | 19 window.opener.postMessage("smallnotloaded", "*"); |
| 20 }); | 20 }); |
| 21 </script> | 21 </script> |
| 22 <script src="../resources/slow-script.pl?delay=200"></script> | 22 <script src="../resources/slow-script.pl?delay=200"></script> |
| 23 | 23 |
| OLD | NEW |