Web系なお仕事につきもの、「Webページ全体のスクリーンショットを貼りたい」なシーン。
Chromeの拡張機能には便利なFireshotがありますが、昨今の拡張機能は有償版が多く…。
というわけで、Chrome拡張不要で一枚のWebページをスクリーンショットに収める方法。
用意するのはChromeのみ！
お使いのブラウザがChromeならすぐに利用可能。
ではさっそく手順を。
スクショつきです。
STEP1：設定→その他のツール→デベロッパーツール
ここまでは簡単！
STEP2：「toggle device toolbar」をクリック
画像内、赤丸部分。
STEP3：ページ上部にツールバー表示→「Capture full size screenshot」をクリック
ここまですると、数秒の待ち時間ののちに、画像がダウンロードされます。
とっても簡単。
まとめ！拡張機能不要でスクショとるならデベロッパーツール
ただしChrome限定。
ちなみに、拡張機能の有償版が買えるなら、書き出し形式が多様なFireshotがおすすめ。
ちなみに参考画面作成に見ていたサイトはこちら。
家とかお金に興味がある人にはよいのかも。