HTML差分(diff)チェックツール のアイテムロゴ画像

HTML差分(diff)チェックツール

おすすめ
4.4(

17 件の評価

)
アイテム メディアの 5 スクリーンショット
アイテム メディアの 6 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 3 スクリーンショット
アイテム メディアの 4 スクリーンショット
アイテム メディアの 5 スクリーンショット
アイテム メディアの 6 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 1 スクリーンショット
アイテム メディアの 2 スクリーンショット
アイテム メディアの 3 スクリーンショット
アイテム メディアの 4 スクリーンショット
アイテム メディアの 5 スクリーンショット
アイテム メディアの 6 スクリーンショット

概要

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についても差分比較が可能になりました。設定を変更することで利用可能です。

5 点満点で 4.417 件の評価

Google ではレビューを確認していません。 結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    3.0.0
  • 更新:
    2024年6月24日
  • 提供元
    scott
  • サイズ
    1.46MiB
  • 言語
    2 言語
  • デベロッパー
    メール
    developper.scott@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

サポート

関連アイテム

HTML Tag Error Checker

0.0(0)

HTMLの開始タグと終了タグが問題ないかチェックします。

Server Switcher for Google Chrome™

3.6(17)

Easily switches a website between development and production webservers

TDK Meta Checker

4.8(4)

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

Alt & Meta viewer

4.2(10)

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

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

4.7(3)

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

Compare

3.3(3)

Visually diff 2 webpages.

HTMLエラーチェッカー

4.4(95)

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

Check My Links

4.5(33)

Check My Links is a link checker that crawls through your webpage and looks for broken links.

Compare pages

1.6(18)

To pages in one tab

テキストエンコーディング

4.0(283)

右クリックでテキストエンコーディングを指定するメニューが出ます。

レスポンシブ チェック!

4.8(4)

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

HTML Tag Error Checker

0.0(0)

HTMLの開始タグと終了タグが問題ないかチェックします。

Server Switcher for Google Chrome™

3.6(17)

Easily switches a website between development and production webservers

TDK Meta Checker

4.8(4)

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

Alt & Meta viewer

4.2(10)

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

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

4.7(3)

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

Compare

3.3(3)

Visually diff 2 webpages.

HTMLエラーチェッカー

4.4(95)

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 アプリ