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 |
| 官方網址 | 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": [
" | |
