「サイト全体をまるっとスクショしたい」
なのに「前まで使っていた拡張機能が急に動かない……」とか、「別PCに拡張機能を入れるのが面倒」。
──そんな時、あるかと思います。
私はこれまで業務で拡張機能を使用してのみ取得したことがなく、自PCで拡張機能入れずに、手軽に撮る方法がないか調べてみました。
開発者ツールでいとも簡単に撮れた
ctrl+shift+i(F12)を開いて早３年。
なんと開発者ツールからフルページをキャプチャが撮れるとは知りませんでした。
手順：
- 開発者ツールを開く（Ctrl + Shift + I / F12）
- Ctrl + Shift + P
- 「full」と入力 > “Capture full size screenshot” を選ぶ
→ ページ全体のPNGが自動で保存
実例
いざ実施。
スタバのフラペチーノのデザインページは毎度美しく、悪いことをした気持ちになります。
おわりに：拡張機能について
手軽とは言っても、大量にスクショが必要な場面では開発者ツールを開くよりは、拡張機能等で量産するのが便利なのかも知れません。
拡張機能を利用者数が多い順に並べて本記事は幕を閉じたいと思います。
■ GoFullPage
https://chromewebstore.google.com/detail/fdpohaocaechififmbbbbbknoalclacl?utm_source=item-share-cb
ユーザー数：1000万＋
レビュー評価：Featured 4.9(82.9K)
■ FireShot
https://chromewebstore.google.com/detail/mcbpblocgmgfnpjjppndjkmgjaogfceg?utm_source=item-share-cb
ユーザー数：300万＋
レビュー評価：Featured 4.8(47.9K)
■ Awesome Screenshot
https://chromewebstore.google.com/detail/nlipoenfbbikpbjkfpfillcgkoblgpmj?utm_source=item-share-cb
ユーザー数：300万＋
レビュー評価：Featured 4.7(28.8K)