proofrogにはChrome拡張機能があります。
これは、今見ているWebサイトのスクリーンショットを自分のproofrogのワークスペースにアップロードする拡張機能です。
Webサイトを即座にアップロードできますので、手軽に製作中のWebサイトを比較することができます。
ここではChrome拡張機能の使用方法についてご説明します。
proofrogのChrome拡張機能のインストール方法については、以下のリンクを参照してください。
スクリーンショットの作成方法
まず、はじめにスクリーンショットを撮りたいWebサイトを開きます。
(以下の例では https://proofrog.cloud/ を開いています。)
右上のChrome拡張機能一覧にあるproofrogのアイコンをクリックすると以下のようなメニュー画面が表示されます。
「画像を撮影する」ボタンをクリックすると処理が始まります。この時、自動的にページスクロールされるので、操作を行わないようにします。
処理が終わると、タブが表示され、画像化された結果が表示されます。右上のボタンで、ファイルに保存したり、プルーフロッグにアップロードすることができます。