HTML Diff Check Toolとは何ですか？

HTML Diff Check Toolはscottによって開発されたChromeの拡張機能で、その主な機能は「Tool for checking HTML difference between tabs ,or between production and development environment.」です。

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

HTML Diff Check Tool拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

HTML Diff Check Tool is chrome addon for checking difference between tabs or between Production and Development.

You can check HTML diff with other tab.
You can open the URL of production and development server each other with pre-register pairs of those URLs. Also, you can check HTML diff of them.

[usecase]
- To check the difference between a testing and production environment before/after deployment.

- When your co-worker asks you to check a testing environment which he/she updated.

[How to use]
1. In the settings register the combination of a testing and production environment domain (including a subdomain).

2. Turn on the "balance scale" icon or select from context menu at the web page where you want to check a testing or production environment.

3. Click the "open" button then a testing or production environment domain will be opened.

4. Click the "diff" button so you can check the difference between the HTML sources.

[about privacy]
- Traffic data of the application is analyzed via GoogleAnalytics.

- The registered domains, URLs or HTML sources are not sent to third parties.

[release note]
-v.2.2.0
Add to context menus.

-v.2.0.0
Add function for checking diff with other tab.

-v.1.6.0
Add a comment box (Google form) Link

-v.1.5.0
Change UI design a little.

-v.1.4.0
Change Wrap Lines Function is added.
ShortCutKey is also added. Alt + Down (Go to next diff) / Alt + Up (Go to prev diff) / Alt + w (Change Wrap Lines)
Bug fix.

-v.1.3.0
Nex/Prev Diff and Search Functions are added.

-v.1.2.0
-v.1.1.0
bug fix

-v.1.0.0
Add alert when it could not access to target url.

-v.0.2.0
You can also use in incognito mode.
Fix bug and strings.

- v.0.1.11
You can also check HTML diff include JavaScript rendered HTML. Change option for that, if you need.

拡張機能の基本情報

名前	HTML Diff Check Tool
ID	fjbonpakihikkocmockbkndhooihpijo
公式URL	https://chromewebstore.google.com/detail/html-diff-check-tool/fjbonpakihikkocmockbkndhooihpijo
説明	Tool for checking HTML difference between tabs ,or between production and development environment.
ファイルサイズ	1.45 MB
インストール数	10,563
現在のバージョン	2.2.2
最終更新日	2021-01-06
公開日	2020-01-23
評価	4.22/5 合計 18 レビュー
開発者	scott
Eメール	[email protected]
支払い方法	free
対応言語	en,ja
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "version": "2.2.2", "name": "__MSG_extName__", "short_name": "__MSG_extNameShort__", "description": "__MSG_extDescription__", "default_locale": "en", "icons": { "128": "128.png", "48": "48.png", "32": "32.png" }, "background": { "scripts": [ "async.js", "common.js", "background.js" ], "persistent": true }, "browser_action": { "default_icon": "38.png", "default_popup": "popup.html", "default_title": "__MSG_extNameShort__" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "content.js" ] } ], "permissions": [ "tabs", "http:\/\/\/", "https:\/\/\/", "storage", "contextMenus" ], "options_page": "options.html", "incognito": "split", "content_security_policy": "script-src 'self' 'unsafe-eval' https:\/\/www.google-analytics.com; object-src 'self'" }