No.316

長いページを一発でキャプチャしたい

　仕事の成果の確認としてホームページのキャプチャを行うことが多いけど、任意の部分だけではなくページ全体のキャプチャを行う時は一手間必要になる。
　ホームページの構造はだいたいが縦長なうえに、最近のSAPの流行で極端な長さのページも少なくないからだ。

　昔は専用のツールやプラグインに頼るしかなかったけど、最近のブラウザはキャプチャ機能を搭載している。便利便利。

Chrome

1. デベロッパーツールを開く。
2. デバイス情報の右上にある縦の「…」をクリック。
3. 「Ctrl + Shift + P」を押してコマンドメニューを表示させる。
4. 「full」と入力してメニューを絞り込む。
5. 「capture full size screenshot」を選択。

　これでダウンロードフォルダにキャプチャされた画像が保存される。（フォーマットはpng）

　デバイスモードを使うと画面上のメニューだけでキャプチャできる。

1. デベロッパーツールを開く。
2. デバイスモードに移行する。
3. 「capture full size screenshot」を選択。

Firefox

1. アドレスバー右の「…」をクリック。
2. 「スクリーンショットを撮る」を選択。
3. 「ページ全体を保存する」を選択。
4. ダウンロードを選択。

　これでダウンロードフォルダにキャプチャされた画像が保存される。（フォーマットはpng）