ワンクリックでウェブページ全体のスクリーンショットを撮ることができるFull Page Screen Captureをご紹介します。
拡張機能を増やしたくないというかたは、デベロッパーツールを使う方法もありますが、Full Page Screen Captureはワンクリックでとっても簡単です。
Full Page Screen Captureのインストール
chromeウェブストアにアクセスし、Chromeに追加をクリックします。
ポップアップ表示されるので、拡張機能を追加をクリックし完了です。
Full Page Screen Capture使い方
使い方もとても簡単で、キャプチャしたいウェブページをgoogleブラウザで開いた状態で、追加されたカメラの形のアイコンをクリックするだけです。
しばらく待ちます。
右上のDownloadをクリックするとpngで保存されます。
右上の⚙をクリックして Image format:をjpgにしてからキャプチャし、 Downloadをクリックするとjpgで保存されます。
または画面上で右クリックして、コピーしたり、保存したりすることもできます。
スマホ画面で見たときの全体のスクリーンショット
スマホで見たときの全体のスクリーンショットを撮りたい時は、デベロッパーツールを開きます。
F12(又は、右クリック→検証)を押してデベロッパーツールを開き、上図赤枠をクリックします。
表示がおかしい時は、もう一度 赤枠をクリックし、再度クリックしてみて下さい。
①Responsiveでサイズを入力するか、一覧からデバイスを選択し②Full Page Screen Capture のアイコンをクリックします。
②Full Page Screen Capture のアイコンをクリックした時に、上図の様な画面が表示されたら、Extension settingsをクリックします。
拡張機能の詳細画面が表示されるので、ファイルのURLへのアクセスを許可するをオンにします。
Full Page Screen Capture のアイコンをクリックすると、スマホでみた画面の長いスクリーンショットが撮れました。
上図③の・が縦に3つならんだところをクリックし、Capture full size screenshotでも画面全体をキャプチャできます。興味のあるかたは試してみて下さい。