HTML Diff Check Tool
Item logo image for HTML Diff Check Tool

HTML Diff Check Tool

Featured
4.2(

18 ratings

)
Item media 1 screenshot
Item media 2 screenshot

Overview

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

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.

4.2 out of 518 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Igor AkkermanFeb 22, 2023

Appears to compare the HTML code line by line, as if you put two text editors side by side. Expectation was a smart DOM comparison. Also didn't regognize inserted lines. Downloading the HTML and comparing using any text compare tool did a far better job for me.

Review's profile picture

Georgii TrofymovFeb 17, 2021

Didn't work for me. For every page I wanted to compare it showed the alert "this page is not supported"

2 out of 2 found this helpful
Review's profile picture

Scott SillimanFeb 8, 2021

I couldn't this to work. all I get is an alert with chinese text in it and a checkbox asking whether to disable further alerts from this extension. when trying to open or diff. perhaps this works, but some instructions please?? totally willing to re-rate if I had instructions.

1 out of 2 found this helpful

Details

  • Version
    2.2.2
  • Updated
    January 6, 2021
  • Offered by
    scott
  • Size
    1.45MiB
  • Languages
    2 languages
  • Developer
    Email
    developper.scott@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Server Switcher for Google Chrome™

3.6(17)

Easily switches a website between development and production webservers

TDK Meta Checker

4.7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

Alt & Meta viewer

4.2(10)

画像に設定された Alt または Title 属性をツールチップで表示することができます。ヘッダの Title、Meta 情報を一覧表示させることができます。

Pasty

4.8(53)

Create tabs from clipboard URL list

文章校正と表記ゆれチェックツール

4.7(3)

Webページの文章チェック・校正がワンクリック!「お申し込み」と「お申込」、「〜してください」と「〜して下さい」などの漢字・平仮名のゆらぎ統一から、半角・全角、不適切な言葉、間違いやすい日本語のチェックまで。編集方針に合わせてチェック項目をカスタマイズできます。

Compare

3.3(3)

Visually diff 2 webpages.

HTMLエラーチェッカー

4.4(96)

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

CSS Diff

1.9(10)

As you make CSS changes in the DevTools inspector window this will track your changes and provide you with a nicely formatted diff

Link Checker

3.8(43)

Link checking using XHR.

Compare pages

1.6(18)

To pages in one tab

Set Character Encoding

4.1(270)

Provide right-click menu to manually set character encoding for web pages.

レスポンシブ チェック!

4.8(4)

観覧中のページを2分割します。レスポンシブサイトの場合は、スマホ版とパソコン版を並べて確認出来るようになります。

Server Switcher for Google Chrome™

3.6(17)

Easily switches a website between development and production webservers

TDK Meta Checker

4.7(3)

閲覧中のタイトル・description・キーワードなどのメタ情報を確認しやすく表示します。

Alt & Meta viewer

4.2(10)

画像に設定された Alt または Title 属性をツールチップで表示することができます。ヘッダの Title、Meta 情報を一覧表示させることができます。

Pasty

4.8(53)

Create tabs from clipboard URL list

文章校正と表記ゆれチェックツール

4.7(3)

Webページの文章チェック・校正がワンクリック!「お申し込み」と「お申込」、「〜してください」と「〜して下さい」などの漢字・平仮名のゆらぎ統一から、半角・全角、不適切な言葉、間違いやすい日本語のチェックまで。編集方針に合わせてチェック項目をカスタマイズできます。

Compare

3.3(3)

Visually diff 2 webpages.

HTMLエラーチェッカー

4.4(96)

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

CSS Diff

1.9(10)

As you make CSS changes in the DevTools inspector window this will track your changes and provide you with a nicely formatted diff

Google apps