devtools-diffとは何ですか？

devtools-diffはmtnによって開発されたChromeの拡張機能で、その主な機能は「Easily diff the styles being applied to any pair of DOM elements.」です。

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

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

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

拡張機能の使用方法

Avoid scrolling through the style inspector, trying to figure out what styles differ between two elements. This tool does so automatically -- the diff of the last two "inspected" elements will be rendered by default. Just click on two in the inspector view, as seen in the screenshot. Still rough around the edges -- if you use this I'd love feedback at https://github.com/mtn/difftool

拡張機能の基本情報

名前	devtools-diff
ID	pibbgfbcdndokmmkgjhbgmgklhplblpi
公式URL	https://chromewebstore.google.com/detail/devtools-diff/pibbgfbcdndokmmkgjhbgmgklhplblpi
説明	Easily diff the styles being applied to any pair of DOM elements.
ファイルサイズ	4.05 KB
インストール数	30
現在のバージョン	0.1
最終更新日	2018-07-07
公開日	2018-07-06
開発者	mtn
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "devtools-diff", "version": "0.1", "manifest_version": 2, "description": "Easily diff the styles being applied to any pair of DOM elements.", "devtools_page": "difftools.html" }