概要
誤検知のないビジュアルリグレッションテスト。ページをベースラインと比較し、動的コンテンツは自動的に除外。100%ローカルで動作。
ビジュアルリグレッションを検出する拡張機能です。実際に変化した箇所だけを表示し、それ以外については何も知らせません。 ページのベースラインを取得します。変更を加えます。「Compare」をクリックします。レポートには実際に変わった部分だけが表示されます。 レポートがきれいな理由 🔸 拡張機能はページをベースラインと比較します。デザイン上もともとあった重なりはエラーとして扱いません。 🔸 カルーセル、バナー、タイマー、広告は自動的に検出して除外します。設定は不要です。 🔸 実際のウェブサイトでテスト済みです。ピクセル比較ツールでは数千件出る誤検知が、ここではゼロになります。 プライバシー スクリーンショットとデータはあなたのコンピューターの外に出ません。クラウドもアカウントもサブスクリプションも不要です。 レポートの内容 🔸 一行でわかる判定。ページに問題がないか、すぐに確認できます。 🔸 わかりやすい言葉で示す検出結果。例えば「ブロックがボタンに重なっています」のように。それぞれにスクリーンショットの切り抜きとハイライトが付きます。 🔸 テキストの変更。変更前と変更後を並べて表示し、変わった単語をハイライトします。 🔸 ベースラインと現在のバージョンを比較するスライダーと、差分マップ。 🔸 レポートはスクリーンショットを含む1つのファイルとして書き出せます。クライアントやチームメンバーに送ってください。拡張機能がなくても開けます。 レスポンシブ監査 📱 320、768、1024、1440px、または任意の幅でページをチェックします。レポートはレイアウトが崩れる箇所を示し、各サイズのスクリーンショットを含みます。 ほかにもできること 🔸 ページ全体をキャプチャ。画面外の部分も含めて 🔸 見切れたテキストやコンテナからはみ出したブロックを検出 🔸 説明のない画像など、アクセシビリティの問題を指摘 🔸 直近10件のレポートを保存。いつでも開き直せます 使い方 1️⃣ ページを開いてベースラインを取得します 2️⃣ コードやコンテンツを変更します 3️⃣ 「Compare with baseline」をクリックします。レポートが新しいタブで開きます 4️⃣ 新しいバージョンで問題なければ、ワンクリックでベースラインを更新できます こんな方に ➡️ フロントエンド開発者。コミット前にリグレッションを発見 ➡️ QAエンジニア。CIも設定も不要なビジュアルチェック ➡️ フリーランサーや制作会社。クライアントに1ファイルのレポートを送付 ➡️ デザイナー。実装をモックアップとすばやく照合 質問と回答 ❓ カルーセルや広告、時計はどうなりますか？ 💬 拡張機能が動的なコンテンツを自動的に見つけて、比較から除外します。 ❓ データは安全ですか？ 💬 はい。すべてブラウザ内だけで保存・処理されます。 ❓ localhostでも使えますか？ 💬 はい。ローカル開発にも最適です。 ❓ アカウントや設定は必要ですか？ 💬 いいえ。拡張機能をインストールしてボタンをクリックするだけです。
詳細
- バージョン1.1.0
- 更新:2026年7月25日
- 提供元Dev Tool
- サイズ423KiB
- 言語52 言語
- デベロッパー
メール
ai2025tip@gmail.com - 非取引業者このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。
プライバシー
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
