
DOM Treemap1.1.1
帮助您探索文档树中 DOM 节点的分布。在 Google Lighthouse 审计抱怨 DOM 尺寸过大之后,您有没有想过大多数 DOM 节点埋在文档的哪个角落? Lighthouse 和 Devtools 本身都不能帮助找到这些区域。这就是 DOM Treemap 的用途。它扩展了您的 Devtools El
官方版无广告31
更新日期:2021年 8月 29日分类标签:开发语言:中文平台:
148KB 0 人已下载 手机查看
简介:
帮助您探索文档树中 DOM 节点的分布。在 Google Lighthouse 审计抱怨 DOM 尺寸过大之后,您有没有想过大多数 DOM 节点埋在文档的哪个角落? Lighthouse 和 Devtools 本身都不能帮助找到这些区域。这就是 DOM Treemap 的用途。它扩展了您的 Devtools Elements 选项卡,其中包含一个额外的窗格,该窗格可视化当前检查的 DOM 元素的节点后代的分布。这使您可以轻松地向下钻取 DOM 并找到所有隐藏的节点重部分。最重要的是,所有这些 BEM 爱好者都有一个额外的选项卡,它通过另一个树形图可视化不同 BEM 组件的平均节点密集程度。
相关资源
取色器
取色器 for chengzijianzhancolor picker for oceanengine.comBased on https://github.com/kepi/chromeEyeDropper取色器可以从任意网页中取色,支持通过点击图标取色、快捷键取色、代码编程调用(这是申请权
Typography Inspector
排版检查器分析您网站上的排版并帮助您改进它。使用排版检查器显示您的线宽和线高与平均段落的推荐设置的接近程度。它还可以向您显示文本元素的印刷颜色。
Dank Neon DevTools Theme
一个更阴暗、更霓虹灯的主题。用于 Chrome DevTools 的 Dank Neon 是用于您的 DevTools 的一个漂亮的深色主题。如何安装-------------------------------------------------- ------- - 首先安装这个主题- 转到 chrome:/
Open in Colab
在 Google Colab 中打开 Github 托管的笔记本简单的浏览器扩展,可在 Google Colab 中快速打开 GitHub 托管的 Jupyter 笔记本。
IndexedDB cleaner
清除 HTML 5 IndexedDB 和缓存。构建离线应用程序?需要一个简单高效的工具来清理 IndexedDB 和缓存?这个扩展是给你的!它允许您清除 HTML 5 IndexedDB 和缓存(JS,...)。根据范围擦除当前 IndexedDB 并清除缓存。它非常简单快捷:无需复杂的配置,只需单击两次。查看
WebRTC Desktop Sharing Extension
允许 WebRTC 应用程序的桌面共享的扩展。 WebRTC 桌面共享扩展提供对 WebRTC 应用程序桌面共享的访问。第三方许可许可证-----------------------麻省理工学院执照版权所有 (C) 2012 马德里理工大学。特此向任何获得副本的人免费授予许可本软件和相关文档文件(“软件”),以处
暂无评论...