2つのページのスクリーンショットを取得して、画像の差分を抽出するツールです
■使い方
① 比較元のウェブページをChromeで開いてください。
② 撮影するスクリーンショットの横幅を選択してください。選択できる横幅は、全部で5種類です。未選択の場合は、現在表示されている横幅で撮影します。
③ 左の撮影するボタンをクリックして、そのサイトのスクリーンショットを撮影します。
④ 撮影するボタンに撮影されたスクリーンショットが表示されることを確認します。
⑤ ①〜④を、比較先のページで、右の撮影するボタンを使用して同じことを行います。
⑥ 比較するボタンをクリックして、撮影した2つのスクリーンショットの比較を行います。
⑦ 比較が完了すると、比較結果の画像をダウンロードするダイアログが表示されるので、ダウンロードして比較結果を確認します。
■比較画像の確認の仕方
画像の比較結果は、赤色と緑色の領域でそれぞれ表示されます。
赤色の部分が、左のスクリーンショットにあって、右のスクリーンショットにない部分です。
緑色の部分が、左のスクリーンショットにはなくて、右のスクリーンショットにある部分です。
Latest reviews
- (2022-01-05) 平塚理佐: 手軽に使えて結果も見やすい。ただ複数タブを並べて比較の際エラーが頻発するので、現状では実務には…改修していただけると嬉しいのですが…。 [Debugger is not attached to the tab with id: XX]