| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 .layer { | 4 .layer { |
| 5 position: absolute; | 5 position: absolute; |
| 6 -webkit-transform: translateZ(10px); | 6 -webkit-transform: translateZ(10px); |
| 7 opacity: 0.8; | 7 opacity: 0.8; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <script src="../http/tests/inspector/inspector-test.js"></script> | 10 <script src="../http/tests/inspector/inspector-test.js"></script> |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 64 { | 64 { |
| 65 InspectorTest.addResult("Updated layer geometry"); | 65 InspectorTest.addResult("Updated layer geometry"); |
| 66 InspectorTest.dumpLayerTree(); | 66 InspectorTest.dumpLayerTree(); |
| 67 InspectorTest.completeTest(); | 67 InspectorTest.completeTest(); |
| 68 } | 68 } |
| 69 | 69 |
| 70 step1(); | 70 step1(); |
| 71 } | 71 } |
| 72 | 72 |
| 73 </script> | 73 </script> |
| 74 </html> | 74 </head> |
| 75 <body onload="runTest()"> | 75 <body onload="runTest()"> |
| 76 <div id="a" style="width: 200px; height: 200px" class="layer"> | 76 <div id="a" style="width: 200px; height: 200px" class="layer"> |
| 77 <div class="layer" id="b1" style="width: 150; height: 100"></div> | 77 <div class="layer" id="b1" style="width: 150; height: 100"></div> |
| 78 <div id="b2" class="layer" style="width: 140; height: 110"> | 78 <div id="b2" class="layer" style="width: 140; height: 110"> |
| 79 <div id="c" class="layer" style="width: 100; height: 90"></div> | 79 <div id="c" class="layer" style="width: 100; height: 90"></div> |
| 80 <div id="b3" class="layer" style="width: 140; height: 110"> | 80 <div id="b3" class="layer" style="width: 140; height: 110"> |
| 81 </div> | 81 </div> |
| 82 </div> | 82 </div> |
| 83 </body> | 83 </body> |
| 84 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 23050018:
DevTools: expose layer compositing reasons and paint count via layer tree agent (Closed)
Base URL: svn://svn.chromium.org/blink/trunk