Google Chrome ページ全体のスクリーンショット
Google Chrome スクリーンショット
Webページ全体(スクロール)のスクリーンショットを撮るのに、長らくブラウザGoogle Chromeの拡張機能「Full Page Screen Capture」や「FireShot」などを使用していましたが、徐々に機能が怪しくなってきたので別の機能を使用することにします。
- 右上縦3点>その他のツール>デベロッパーツールcommand+option+i
- 「Toggle device toolbar」アイコンをクリック
- 上部バー>「Responsive」>1920(PC表示)>右上縦3点の下の縦3点>Capture full size screenshot
- 上部バー>「確認したいモバイル」>右上縦3点の下の縦3点>Capture full size screenshot
- PCのダウンロードフォルダに自動で保存されます。
(別手順:デベロッパーツールを開く>command+shift+pで開いたバーに「full」と入力 >...>Capture full size screenshotを選んでreturn)
フルページで取れない場合の対処法
見たままの箇所しかスクリーンショットできない場合は、以下の手順を行うとうまくいきました。
- 「確認したいモバイル」を設定した状態で、リロード>...>Capture full size screenshot
- 上部バー>「Responsive」>375×2000(SP表示):2000など実際よりも長い高さを入力>キャプチャ画面の右と下に出てくるメジャーのようなものの上にカーソルをあわせ、↔︎で高さを合わせる>...>Capture full size screenshotを選んでreturn