OLD | NEW |
1 <html style="overflow: -webkit-paged-x;"> | 1 <html style="overflow: -webkit-paged-x;"> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.dumpAsText(); | 5 testRunner.dumpAsText(); |
6 | 6 |
7 function dumpLayers() | 7 function dumpLayers() |
8 { | 8 { |
9 if (window.testRunner) | 9 if (window.testRunner) |
10 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); | 10 document.getElementById('layers').innerText = window.internals.l
ayerTreeAsText(document); |
11 } | 11 } |
12 window.addEventListener('load', dumpLayers, false); | 12 window.addEventListener('load', dumpLayers, false); |
13 </script> | 13 </script> |
14 <style> | 14 <style> |
15 .spacer { | 15 .spacer { |
16 height: 350px; | 16 height: 350px; |
17 width: 100%; | 17 width: 100%; |
18 margin: 10px; | 18 margin: 10px; |
19 background-color: silver; | 19 background-color: silver; |
20 } | 20 } |
21 | 21 |
22 .box { | 22 .box { |
23 height: 100px; | 23 height: 100px; |
24 width: 100px; | 24 width: 100px; |
25 margin: 10px; | 25 margin: 10px; |
26 background-color: blue; | 26 background-color: blue; |
27 } | 27 } |
28 .composited { | 28 .composited { |
29 -webkit-transform: translateZ(0); | 29 transform: translateZ(0); |
30 } | 30 } |
31 </style> | 31 </style> |
32 </head> | 32 </head> |
33 <body> | 33 <body> |
34 | 34 |
35 <div class="spacer"></div> | 35 <div class="spacer"></div> |
36 <div class="spacer"></div> | 36 <div class="spacer"></div> |
37 <div class="composited box"></div> | 37 <div class="composited box"></div> |
38 <pre id="layers">Layer tree goes here in DRT</pre> | 38 <pre id="layers">Layer tree goes here in DRT</pre> |
39 | 39 |
40 </body> | 40 </body> |
41 </html> | 41 </html> |
OLD | NEW |