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 |