DOM Treemap
Helps you explore the distribution of DOM nodes in the document tree.
什么是DOM Treemap？
DOM Treemap是由https://schepp.dev开发的Chrome扩展程序，该扩展的主要功能是“Helps you explore the distribution of DOM nodes in the document tree.”。
扩展截图
下载DOM Treemap扩展crx文件
下载DOM Treemap扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
After a Google Lighthouse audit complaining an excessive DOM size, have you ever wondered in which corner of your document most DOM nodes are buried? Neither Lighthouse nor the Devtools themselves help finding those areas.
That's what DOM Treemap is for. It extends your Devtools Elements tab with an additional pane which visualizes the distribution of node descendants of the currently inspected DOM element. This makes it easy for you drill down your DOM and to locate all those hidden the node heavy parts.
On top of that there is an extra tab for all those BEM affiniciados which visualizes via yet another treemap how node intensive your different BEM component are in average. 扩展基本信息
| 名称 |  DOM Treemap |
| ID | albnoggfgnooeefdjpncieecohhblonh |
| 官方URL | https://chromewebstore.google.com/detail/dom-treemap/albnoggfgnooeefdjpncieecohhblonh |
| 简介 | Helps you explore the distribution of DOM nodes in the document tree. |
| 文件大小 | 148 KB |
| 安装次数 | 1,673 |
| 当前版本 | 1.1.1 |
| 更新时间 | 2021-06-30 |
| 上架时间 | 2021-06-24 |
| 评分 | 5.00/5 共3次评分 |
| 开发者 | https://schepp.dev |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"icons": {
"16": "icon16.png",
"48": "icon48.png",
"128": "icon128.png"
},
"name": "DOM Treemap",
"version": "1.1.1",
"description": "Helps you explore the distribution of DOM nodes in the document tree.",
"devtools_page": "devtools.html",
"permissions": []
} | |
