DOM-Analyzerとは何ですか？

DOM-Analyzerはcnavastによって開発されたChromeの拡張機能で、その主な機能は「Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.」です。

拡張機能のスクリーンショット

DOM-Analyzer拡張機能のCRXファイルをダウンロード

DOM-Analyzer拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Learn what elements of your webpage are slowing down your rendering time or which ones are not SEO friendly with DOM-Analyzer!

This tool allows you to explore the DOM, ordering each level by:
- Nodes: number of nodes under each branch,
- Depth: maximum depth under each branch,
- Length: count of characters on that branch (without spaces).

You will find this useful to find nodes that are specially heavy, have too many children or too many levels (which is usually bad when comes to rendering the page). You can go straight to the node's element by clicking on it or see which one it is by hovering over it.

拡張機能の基本情報

名前	DOM-Analyzer
ID	hjaomadfoogedimonbneolajleaneifj
公式URL	https://chromewebstore.google.com/detail/dom-analyzer/hjaomadfoogedimonbneolajleaneifj
説明	Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.
ファイルサイズ	19.52 KB
インストール数	2,070
現在のバージョン	1.2.1
最終更新日	2019-05-29
公開日	2019-05-29
評価	5.00/5 合計 2 レビュー
開発者	cnavast
支払い方法	free
拡張機能のウェブサイト	https://github.com/cnavast/DOM-Analyzer/
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "DOM-Analyzer", "author": "cnavast", "incognito": "split", "homepage_url": "http:\/\/github.com\/cnavast\/DOM-Analyzer\/", "version": "1.2.1", "description": "Analyzes the number of nodes, depth and size of your DOM for profiling, speed or SEO purposes.", "browser_action": { "default_title": "DOM-Analyzer", "default_popup": "popup.html" }, "permissions": [ "activeTab", "storage" ], "devtools_page": "devtools.html", "icons": { "16": "icon.png", "32": "icon.png", "48": "icon.png", "128": "icon.png" }, "manifest_version": 2 }