DOM Treemap1.1.1
帮助您探索文档树中 DOM 节点的分布。在 Google Lighthouse 审计抱怨 DOM 尺寸过大之后，您有没有想过大多数 DOM 节点埋在文档的哪个角落？ Lighthouse 和 Devtools 本身都不能帮助找到这些区域。这就是 DOM Treemap 的用途。它扩展了您的 Devtools El
官方版无广告20
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
148KB 0 人已下载 手机查看
![DOM Treemap的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail64393/42yezgg24kjmt.jpg)
简介:
帮助您探索文档树中 DOM 节点的分布。在 Google Lighthouse 审计抱怨 DOM 尺寸过大之后，您有没有想过大多数 DOM 节点埋在文档的哪个角落？ Lighthouse 和 Devtools 本身都不能帮助找到这些区域。这就是 DOM Treemap 的用途。它扩展了您的 Devtools Elements 选项卡，其中包含一个额外的窗格，该窗格可视化当前检查的 DOM 元素的节点后代的分布。这使您可以轻松地向下钻取 DOM 并找到所有隐藏的节点重部分。最重要的是，所有这些 BEM 爱好者都有一个额外的选项卡，它通过另一个树形图可视化不同 BEM 组件的平均节点密集程度。
相关资源
Modify href
用于修改网页上链接的 href/主机/域的 Chrome 扩展这个简单的扩展做了一件简单的事情：更改当前页面上的 href用于修改网页上链接的 href/主机/域的 Chrome 扩展当您直接访问自己的应用程序主机时，这个小工具将非常有用，而您的网络应用程序上的链接应该指向其他主机或公共域。它将替换 DOM 级别
Pretty Js
漂亮地打印你的 Javascript 和 JSON。格式化您的代码以便于阅读。在 XML 和 JSON 之间转换。一个简单的工具，可以快速轻松地格式化你的 JavaScript 和 JSON。在您键入时查看您的代码格式！或者当您粘贴到文本区域时立即转换您的代码。还允许您在 JSON 和 XML 之间进行转换。如果
Formalyse: Debug your web form
分析网站中的 HTML 表单帮助分析网站中的 HTML 表单。 (html-form-tag)特征： - 在网站中查找表单（在鼠标悬停时突出显示网站中的表单或单击标记） - 在 POST / GET 之间切换表单- 显示和编辑“隐藏”输入字段- 取消选择单选按钮- 显示“密码”值- 标记表单在 HTML 站点中的
First Paint & Page Load Time
首次绘制时间，页面加载时间，以优化您的网页在浏览器菜单中显示首次绘制时间。现在您可以看到页面统计信息，例如页面上的前十个耗时请求、页面上的资源分布以及内存等其他统计信息，并以 ptty 外观图表进行说明。源代码可在： https://github.com/vijaysutrave/chrome-first-pai
AdWords & Google Ads API Web Navi
此扩展程序基于当前的 Google Ads UI 网页显示 AdWords API 和 Google Ads API 网站的相关页面。此扩展程序根据您当前浏览的新 Google Ads 体验网页显示 AdWords API / Google Ads API 开发者网站的相关页面。安装此项目，即表示您同意 http
Mashup
扩展工具将网页转换为爬取状态抓取网站！该开发人员工具允许开发人员从网站上抓取、组合和自定义数据。这个 chrome 扩展允许用户选择要抓取网页上的哪些元素。然后，Web 应用程序 (mashup-app.herokuapp.com) 允许用户组合和自定义数据。每次调用我们的 api 时，都会重新抓取、自定义并返回
暂无评论...