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": [
" | |
