PC画面のスクリーンショットが欲しいとき、PrintScreenなどを使っている人は多いかと思います。
しかし画面に映っている部分しか納められず、スクロールが必要なほど縦長だと、一枚のキャプチャでは収まりません。
そんな時はChromeの標準で搭載されている機能を使えば、ページ全体のスクリーンショットを撮ることが可能です。
しかも今回紹介する方法は拡張機能を使わず、もっと簡単にできる方法です。
Chromeでページ全体のスクリーンショットを取る方法
まずはスクリーンショットに収めたいwebページをChromeで開きましょう。
デベロッパーツールを立ち上げる
次にディベロッパーツールを立ち上げます。
- Windowsは F12
- Macは command + Option + I
こんな画面になります。
Toggle device toolbarをクリック
ディベロッパーツールの左上にある、左から2番目のマークをクリックします。
クリックするとこんな画面になります。
ここでサイト画面端をドラッグして、収めたい範囲を調整しましょう。
Capture full size screenshotをクリック
まず図の矢印の先をクリックします。
次に赤枠のCapture full size screenshotをクリックします。
するとスクリーンショットが保存されます。
cats
ちゃんと画面全体が収まっています
まとめ
いかがでしたか?
これまでキャプチャで悩んでいた方もこれで大丈夫!
知らなかったという方はぜひ試してみてください!
コメント