应用截图
详细介绍
帮助你探索文档树中 DOM 节点的分布。
当 Google Lighthouse 审核提示 DOM 规模过大时，你是否想过文档中的大部分 DOM 节点藏在哪个角落？Lighthouse 和开发者工具本身都无法帮助你找到这些区域。
这正是 DOM Treemap 的用途。它为开发者工具的“元素”标签页添加一个面板，以可视化方式展示当前检查的 DOM 元素的后代节点分布，让你可以轻松深入查看 DOM，找出隐藏的节点密集区域。
此外，还有一个专为 BEM 爱好者准备的额外标签页，通过另一张矩形树图展示不同 BEM 组件的平均节点密集程度。