HTMLの差分(diff)をチェックするChrome拡張機能です。タブと別タブの差分、商用環境と開発環境の差分がSide by Sideのインターフェースで一目で見ることができます。
HTML差分(diff)チェックツールは、タブ同士や商用環境と開発環境のWebサイトを見比べるのに便利なChrome拡張機能です。
別タブとのHTML差分をチェックすることができます。
商用環境と開発環境のドメイン名を登録することで、簡単に相互のURLを開くことができます。また、別環境とのHTMLソースのdiff(差分)も見ることができます。
【こんな時に便利】
・商用環境を見ている時に、そのページの開発環境を確認したい時。また、その逆も。
・同僚から「開発環境にあげたので確認して下さい」と言われて、商用環境と何が違うのか確認したい時
・商用環境に反映した後に、ちゃんと開発環境と差分がなくなっているか確認したい時
【使い方】
①設定画面から、商用環境と開発環境のドメイン名(サブドメイン含む)の組み合わせを登録してください。
②確認したいページで、てんびんの拡張機能のアイコンを押すか、右クリックのメニューから選択してください。
③「open」を押すと、商用環境 or 開発環境のURLが開きます。
④「diff」を押すと、htmlソースの差分が確認できます。
【情報の取扱について】
登録したドメイン名や閲覧中のURLを外部に送信することはありません。
商用環境および開発環境のHTMLソースを外部に送信することもありません。
v3.0.0のmanifest v3対応に伴いGoogleAnalyticsによる解析も停止しています。
【更新履歴】
-v.3.0.0
manifest v3に対応しました。
-v.2.2.0
右クリックメニューから呼び出せるようにしました。
-v.2.0.0
タブ同士のHTML差分をチェックする機能を追加しました。
-v.1.6.0
ご意見・ご要望のGoogleフォームへのリンクを追加しました
- v.1.5.0
UIデザインを微修正
- v.1.4.0
diff画面で、行の折り返しができるようになりました。
diff画面でショートカットキーを追加しています。
「Alt + ↓」で次の差分へ、「Alt + ↑」で前の差分へ、「Alt + w」で行の折り返し。
その他バグ修正
- v.1.3.0
diff画面で、前後の差分への移動および検索機能を追加しました。
- v.1.2.0
文字コードが設定されていないjs/cssのソースコードのdiffで、日本語文字化けがないようになりました。
- v.1.1.0
軽微なバグ修正
- v.1.0.0
diff画面で比較対象のURLにアクセスできなかった時にアラートを表示するようにしました。
- v.0.2.0
シークレットモードでも設定が共有されるようになりました。
- v.0.1.11
JavaScriptにより表示されるHTMLについても差分比較が可能になりました。設定を変更することで利用可能です。
Latest reviews
- (2023-02-22) Igor Akkerman: 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.
- (2021-02-17) Georgii Trofymov: Didn't work for me. For every page I wanted to compare it showed the alert "this page is not supported"
- (2021-02-09) Scott Silliman: 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.
- (2019-11-20) chris clark: didn't work for me, every page I attempted to use had the message "This page is not supported."
- (2019-05-05) MONO CHROME: Великолепно! Работает на отлично! Удобно!
- (2018-09-24) Ch Ho: It does exactly what it says on the tin: it compares the html in two different tabs, or the current tab with the same page on a test server (regular expression string substitution). The differences are shown side-by-side, like Meld does. I really appreciate that it is self-contained, and doesn't send data to a server owned by the extension developer to do the processing. Wishlist: reloading the same page and alerting when the contents change, and being able to ignore certain strings (like security tokens that change on every reload).
- (2018-01-28) Daniel Moore: Works as described and useful. Wishlist: compare multiple servers at once; add headers (like Host) to request for subset of servers.
- (2017-07-08) y sugano: If you often check the co-worker/out source worker's codes, this extention will be useful tool.
- (2017-06-28) Yutaka Tanino: Very useful for all web developers. You can quickly check differences of web sites' html source.
- (2017-02-08) zyass tak: HTMLソースレベルで差分を比較できるので、 更新の見落としを防げて便利です。
- (2017-01-12) Ami Oooo: とてもいい機能。助かっています。