打印网页的渲染树

Question

我读到了一个＆＃39;渲染树＆＃39;由浏览器生成，它将HTML和CSS组合到一个树中。（来源：https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction）。有没有办法实际打印给定网页的渲染树？

Answer 1

我正在寻找与你相同的能力！我发现最接近的是Webkit引擎源附带的DumpRenderTree工具。

DumpRenderTree 我还没有使用它，因为我还没能编译webkit。但我看过它的输出示例：

Content-Type: text/plain
layer at (0,0) size 808x820
   RenderView at (0,0) size 800x600
   layer at (0,0) size 800x820
      RenderBlock {HTML} at (0,0) size 800x820
        RenderBody {BODY} at (8,8) size 784x804
         RenderHTMLCanvas {CANVAS} at (0,0) size 800x800 [bgcolor=#808080]
          RenderText {#text} at (0,0) size 0x0
    #EOF
#EOF

然而，这并不是我所需要的，因为据说它不会打印元素中的所有样式信息

希望这有帮助。