Dom Size Analyzer
Google Chrome DevTools Extension for analyzing DOM size
什么是Dom Size Analyzer？
Dom Size Analyzer是由Anand R开发的Chrome扩展程序，该扩展的主要功能是“Google Chrome DevTools Extension for analyzing DOM size”。
扩展截图
下载Dom Size Analyzer扩展crx文件
下载Dom Size Analyzer扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
According to (https://developers.google.com/web/tools/lighthouse/audits/dom-size), an optimal DOM tree has the following properties:
-Has less than 1500 nodes total.
-Has a maximum depth of 32 nodes.
-Has no parent node with more than 60 child nodes.
We can use this devtool to analyze a page's DOM to easily find out which parts of the page are adding weight to it.
****NEW*****
Scrolling the DOM element into view and highlighting it when hovered in this devtool. 扩展基本信息
| 名称 | |
| ID | mcneiimlodlbmohipgdbbglgbmaoojen |
| 官方URL | https://chromewebstore.google.com/detail/dom-size-analyzer/mcneiimlodlbmohipgdbbglgbmaoojen |
| 简介 | Google Chrome DevTools Extension for analyzing DOM size |
| 文件大小 | 58.04 KB |
| 安装次数 | 3,631 |
| 当前版本 | 1.25 |
| 更新时间 | 2019-09-04 |
| 上架时间 | 2019-08-31 |
| 评分 | 3.55/5 共11次评分 |
| 开发者 | Anand R |
| 付费类型 | free |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Dom Size Analyzer",
"description": "Google Chrome DevTools Extension for analyzing DOM size",
"version": "1.25",
"permissions": [
"*:\/\/*\/*"
],
"devtools_page": "devtools.html",
"web_accessible_resources": [
"injectable.js"
],
"content_scripts": [
{
"matches": [
" | |
