HTML Diff Check Tool

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

What is HTML Diff Check Tool?

HTML Diff Check Tool is a Chrome extension developed by scott, and its main feature is "Tool for checking HTML difference between tabs ,or between production and development environment.".

Extension Screenshots

screenshot
screenshot

Download HTML Diff Check Tool Extension CRX File

Download HTML Diff Check Tool extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name HTML Diff Check Tool HTML Diff Check Tool
ID fjbonpakihikkocmockbkndhooihpijo
Official URL https://chromewebstore.google.com/detail/html-diff-check-tool/fjbonpakihikkocmockbkndhooihpijo
Description Tool for checking HTML difference between tabs ,or between production and development environment.
File Size 1.45 MB
Installation Count 10,563
Current Version 2.2.2
Last Updated 2021-01-06
Publish Date 2020-01-23
Rating 4.22/5 Total 18 Ratings
Developer scott
Email [email protected]
Payment Type free
Supported Languages 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'"
}