proofrogにはChrome拡張機能があります。 


これは、今見ているWebサイトのスクリーンショットを自分のproofrogのワークスペースにアップロードする拡張機能です。 


Webサイトを即座にアップロードできますので、手軽に製作中のWebサイトを比較することができます。


ここではChrome拡張機能の使用方法についてご説明します。


proofrogのChrome拡張機能のインストール方法については、以下のリンクを参照してください。




スクリーンショットの作成方法


まず、はじめにスクリーンショットを撮りたいWebサイトを開きます。 

(以下の例では https://proofrog.cloud/ を開いています。)


右上のChrome拡張機能一覧にあるproofrogのアイコンをクリックすると以下のようなメニュー画面が表示されます。 

「画像を撮影する」ボタンをクリックすると処理が始まります。この時、自動的にページスクロールされるので、操作を行わないようにします。

処理が終わると、タブが表示され、画像化された結果が表示されます。右上のボタンで、ファイルに保存したり、プルーフロッグにアップロードすることができます。