html – 打印网页的渲染树

概述我读到一个’渲染树’是由浏览器生成的,它将 HTML和CSS组合成一个树.(来源： https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction).有没有办法实际打印给定网页的渲染树？ 我正在寻找与你相同的能力！我发现最接近的是Webkit引擎源 我读到一个’渲染树’是由浏览器生成的,它将 HTML和CSS组合成一个树.(来源： https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction).有没有办法实际打印给定网页的渲染树？解决方法 我正在寻找与你相同的能力！我发现最接近的是Webkit引擎源附带的DumpRenderTree工具.

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

Content-Type: text/plainlayer 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

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

希望这可以帮助.

总结

以上是内存溢出为你收集整理的html – 打印网页的渲染树全部内容，希望文章能够帮你解决html – 打印网页的渲染树所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。