MacのSafari、Firefox、Chromeでフルページのスクリーンショットを撮る方法

このチュートリアルでは、Mac の Safari、Chrome、Firefox で組み込みおよびサードパーティの方法を使用して、Web ページ全体のスクリーンショットを撮る方法を説明します。

Mac でのウェブページ全体のスクリーンショット

重要：ほとんどのウェブサイトは遅延読み込み機能を使用しており、ページ上でその位置までスクロールした後にのみ画像が読み込まれます。そのため、以下の手順を実行する前に、ウェブページを完全に読み込み、一番下までスクロールしてすべての画像が表示されていることを確認してください。その後、ページ全体のスクリーンショット（スクロールスクリーンショットとも呼ばれます）を撮影してください。

こちらもご覧ください: iPhoneアプリでフルページのスクリーンショットを撮る方法

ブラウザの組み込みツールを使用してWebページ全体のスクリーンショットを撮る

サファリ

Safariでこれを実現するには、メニューバーに「開発」タブを表示する必要があります。すでに表示されている場合は、一歩先へ進んでいます。表示されていない場合は、まず以下の手順に従ってください。

Safariを開き、メニューバーから「Safari」 > 「設定」または「環境設定」をクリックします。
[詳細設定]タブに移動します。
[Web 開発者向けの機能を表示する]または[メニューバーに開発メニューを表示する]のボックスをオンにします。

次に、キャプチャしたい Web ページに移動し、次の手順を実行します。

1)メニューバーから「開発」 > 「Webインスペクタを表示」をクリックします。インスペクタが開き、デフォルトの位置に応じてWebページが右側または下部に表示されます。ここにページのHTMLコードが表示されます。

2) 「要素」タブのコードの先頭に移動し、「html」で始まる最初の行を右クリックします。

3)ショートカットメニューから「スクリーンショットをキャプチャ」を選択します。次のステップで画面が表示されるまで数秒かかる場合がありますので、しばらくお待ちください。

Safari WebインスペクタでMacのスクリーンショットを撮る

4)画像を保存する場所を選択し、必要に応じて名前を変更します。

5) 「保存」をクリックします。

その後、保存した画像をプレビューまたは Mac のフォトエディタで開いて、全体を表示できます。

ショットをキャプチャした後、Safari の Web インスペクタを閉じるには、パネルの左上隅にあるXをクリックします。

ファイアフォックス

Firefox ユーザーにとって、このブラウザがスクロールスクリーンショットをキャプチャするための最も簡単なオプションを提供していることは喜ばしいことでしょう。

1)キャプチャしたいページに移動します。ページ上で右クリックし、「スクリーンショットを撮る」を選択します。

2)右上の「ページ全体を保存」をクリックします。

FirefoxでMacでページ全体を保存

3) 「ダウンロード」をクリックして画像を保存するか、「コピー」をクリックしてクリップボードに配置し、必要な場所に貼り付けます。

Firefox で Mac 上のページをコピーまたはダウンロードする

これで完了です。画像のダウンロードまたはコピーを選択すると、Web ページは元の表示に戻ります。

グーグルクローム

1)キャプチャしたい Web ページにアクセスし、右上にある[カスタマイズとコントロール]ボタン (3 つのドット) をクリックします。

2) 「その他のツール」まで下に移動し、ポップアウトメニューから「開発者ツール」を選択します。

Chrome Mac のその他の開発者ツール

3) Web ページの右側にパネルが開いたら、上部にある[デバイスツールバーの切り替え]ボタンをクリックします。

4)左側に Web ページが表示されたら、上部で別のデバイスとして表示するか、レスポンシブのままにするかを選択できます。

5)左側のパネルの右上にある3 つのドットをクリックし、メニューで「フルサイズのスクリーンショットをキャプチャ」を選択します。

ChromeでMacでフルサイズのスクリーンショットをキャプチャする

画像がダウンロードされるので、お好きなアプリで開いていただけます。開発者ツールを閉じるには、パネルの右上にある「 X」をクリックしてください。

素晴らしいスクリーンショット拡張機能を使用する

優れた Awesome Screenshot 拡張機能を使用すると、一般的なブラウザ内でページ全体のスクリーンショットをキャプチャできます。

まず、Safari、Chrome、またはFirefoxの拡張機能を入手してください。その後、拡張機能アイコンをクリックし、「ページ全体をキャプチャ」 > 「完了」 > 「ダウンロード」を選択してください。

MacのSafariでフルページのスクリーンショットを撮る

注: Safari の場合は、まず次の手順を実行する必要があります。

画面録画の許可：アプリをダウンロードしたら、アプリを開き、「画面録画設定に移動」をクリックします。すると、「システム設定」>「プライバシーとセキュリティ」>「画面とシステム音声の録音」に移動します。ここで、 「Awesome Screenshot & Recorder」のスイッチをオンにして確定します。その後、「終了して再度開く」をクリックします。
拡張機能を有効にする: Safari の「設定」 > 「拡張機能」に移動し、アドレスバーの左上にアイコンが表示される前に「Awesome Screenshot」のボックスをオンにします。

関連して: