ウェブサイト比較ツール

2つのページのスクリーンショットを取得して、画像の差分を抽出するツールです

■使い方 ① 比較元のウェブページをChromeで開いてください。 ② 撮影するスクリーンショットの横幅を選択してください。選択できる横幅は、全部で5種類です。未選択の場合は、現在表示されている横幅で撮影します。 ③ 左の撮影するボタンをクリックして、そのサイトのスクリーンショットを撮影します。 ④ 撮影するボタンに撮影されたスクリーンショットが表示されることを確認します。 ⑤ ①〜④を、比較先のページで、右の撮影するボタンを使用して同じことを行います。 ⑥ 比較するボタンをクリックして、撮影した2つのスクリーンショットの比較を行います。 ⑦ 比較が完了すると、比較結果の画像をダウンロードするダイアログが表示されるので、ダウンロードして比較結果を確認します。 ■比較画像の確認の仕方 画像の比較結果は、赤色と緑色の領域でそれぞれ表示されます。 赤色の部分が、左のスクリーンショットにあって、右のスクリーンショットにない部分です。 緑色の部分が、左のスクリーンショットにはなくて、右のスクリーンショットにある部分です。