一种网页打印渲染树

Question

我读到“呈现树”是由浏览器生成的，它将超文本标记语言和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

然而，这并不是我所需要的，因为假设它不会打印一个元素的所有样式信息

希望这能有所帮助。