应用截图
详细介绍
用于分析 DOM 大小的 Google Chrome 开发者工具扩展程序。
根据(https://developers.google.com/web/tools/lighthouse/audits/dom-size),理想的 DOM 树具有以下特征:
- 节点总数少于 1500 个。
- 最大深度为 32 个节点。
- 没有父节点拥有超过 60 个子节点。
我们可以使用此开发者工具分析页面的 DOM,轻松找出页面中增加负担的部分。
****新增*****
在此开发者工具中将鼠标悬停在 DOM 元素上时,将其滚动到视图中并高亮显示。