ここから本文です

Google Chromeで1ページまるっとスクリーンショットを撮る方法

5/24(金) 21:14配信

ライフハッカー[日本版]

Google Chromeでスクリーンショットを撮るのは簡単です。

Windowsなら、キーボードの「Print Screen」を押せばいいですし、Macなら「Shift+Command+5」を同時に押せばいいのですから。キーボードのコマンドや画面上のオプションを駆使して、アクティブウィンドウだけを切り取れば、対象が何であれ、それをより簡単に撮影できます。

【記事の全画像】Google Chromeで1ページまるっとスクリーンショットを撮る方法

ですが、ウェブサイト全体、つまり画面にないものまで撮影するとなると、この方法は理想的ではありません。

フルページのスクリーンショットが撮れる拡張機能は、いくらでもあります。

そして、その多くが優れたものです(こうした機能を使うときに、わけのわからないレンダリングの問題はないと仮定した場合の話ですが)。

拡張機能なしでフルページのスクリーンショットを撮る

でも、ウェブページのスクリーンショットを撮るためには、実は拡張機能は必要ありません。Firefoxでのやり方はご紹介済みですが、今回はChromeでのやり方をお教えしましょう。

これを開発したのは Max Bock さんです。私は彼のサイトでこの方法に出会いました。

まず、Windowsならキーボードの「F12」、Macなら「Command+Option+i」を押して、Chromeのデベロッパーツールを開きます。

それから、タブレットの前にスマートフォンが置いてあるような形の小さなアイコンをクリックして、デバイスモードを開きます。

あなたがブラウザで見ているページは、このようになります:

ビフォー

アフター

それから、プリセットされた「Responsive」が選択されていることを確認します。

私が試したときは、デフォルトで選択されていました。

そして、同じツールバーの一番右にある3つの点のアイコンをクリックします(先ほどクリックしたデバイスモードのアイコンのすぐ左です)。

「Add device pixel ratio」を選択して、表示されるDPRをデフォルトの2から3に変更します。

あとは、「Control/ Command+Shift+P」を押し、「Capture full size screenshot」と入力するだけです。

1/2ページ

最終更新:5/24(金) 21:14
ライフハッカー[日本版]

記事提供社からのご案内(外部サイト)

ライフハッカー[日本版]

株式会社メディアジーン

毎日更新中

ガジェットなどを駆使し、スマートに楽しむ仕事術「Lifehack」。「ライフハッカー[日本版]」では、その言葉を広義に捉え、生活全般に役立つライフハック情報を日々お届けします。

こんな記事も読まれています

あなたにおすすめの記事