HTML Diff Check Tool

Tool for checking HTML difference between tabs ,or between production and development environment.

什麼是HTML Diff Check Tool?

HTML Diff Check Tool是由scott開發的Chrome擴展程式,該擴展的主要功能是“Tool for checking HTML difference between tabs ,or between production and development environment.”。

擴展截圖

screenshot
screenshot

下載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 HTML Diff Check Tool
ID fjbonpakihikkocmockbkndhooihpijo
官方網址 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
電子郵箱 [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'"
}