ChromeとFirefoxでフルページのスクリーンショットをキャプチャする方法

組み込みの画面キャプチャユーティリティのおかげで、サードパーティのアプリをインストールしなくても、 WindowsマシンとMacマシンの両方でスクリーンショットを撮ることができます。(Mac)これらの組み込みユーティリティにはカスタムオプションも用意されているため、スクリーンショットを好きなようにキャプチャできます。

ただし、これらのユーティリティが不足している領域がいくつかあります。これらの1つは、ブラウザでWebページの全ページのスクリーンショットをキャプチャできないことです。ツールは、画面の表示されている部分のみをキャプチャし、サイトのスクリーンショットをスクロールすることはできません。

幸い、人気のある2つのWebブラウザ(ChromeFirefox)には、(Firefox –)フルページのスクリーンショットをキャプチャできるようにするための組み込みオプションとサードパーティの拡張機能の両方があります。

タスクをどれだけ簡単にしたいかに応じて、ブラウザ拡張機能またはデフォルトオプションのいずれかを使用できます。ここでは、両方の使用方法を説明します。

Chromeでフルページのスクリーンショットをキャプチャする(拡張機能なし)

理由は誰にもわかりませんが、Googleは(Google)Chromeブラウザの奥深くにフルページのスクリーンショットを撮るオプションを用意しています。ブラウザのすべてのオプションをチェックアウトしていない限り、ブラウザでこのオプションを見たことがない可能性があります。

しかし、それを見つけたら、好きな方法でスクリーンショットをキャプチャするのは簡単になります。

  • パソコンでChrome(Chrome)ブラウザを起動します。右上隅にある3つのドットをクリックし、[その他のツール]、[(More Tools)開発者ツール(Developer Tools)]の順に選択します。

  • パネルが起動し、ブラウザの下部に表示されます。パネルの右上隅にある3つのドットをクリックして、[(Click)コマンドの実行(Run command)]というオプションを選択します。ブラウザでコマンドを実行できるようになります。

  • これで、 Chrome(Chrome)でコマンドを検索して実行できるようになります。スクリーンショット(screenshot)という用語を検索し、検索結果で[フルサイズのスクリーンショットをキャプチャ(Capture full size screenshot)する]オプションをクリックします。

  • 現在のタブの全ページのスクリーンショットをキャプチャし、ファイルをコンピューターに保存するように提案します。

  • 保存したファイルをフォトビューアで起動すると、表示していたWebページ全体が含まれていることがわかります。

Chromeでフルページのスクリーンショットをキャプチャする(拡張子付き)

上記の方法はスクリーンショットを撮るのに問題なく機能するはずですが、ブラウザで多くのスクリーンショットをキャプチャする(capture a lot of screenshots)場合は理想的な方法ではありません。開発者パネルに移動して、スクリーンショットごとにコマンドを実行しても意味がありません。

幸い、ボタンをクリックするだけでフルページのスクリーンショットをキャプチャできるブラウザの拡張機能があります。拡張機能はブラウザのメニューバーにあり、それをクリックすると現在のウィンドウのスクリーンショットが撮られます。

  • 拡張機能がChromeに追加されたら、メニューバーのアイコンをクリックすると、現在のタブの全ページのスクリーンショットがキャプチャされます。

  • 次に、スクリーンショットをPDF(PDF)またはPNG形式でコンピューターに保存するオプションが表示されます。お好みのオプションを選択してください。

拡張機能はほとんどのWebサイトで正常に機能するはずですが、そのような拡張機能の使用を制限する可能性のあるサイトもあります。そのような場合、拡張機能は機能せず、スクリーンショットを撮ることができなくなります。

Firefoxでフルページのスクリーンショットをキャプチャする(拡張機能なし)

Firefoxには、アドオンをインストールしなくてもページ全体のスクリーンショットをキャプチャできる(let you capture full page screenshots)開発者メニューも組み込まれています。Chromeと比較して、 Firefoxでオプションを見つけて使用する方が簡単です。

  • コンピューターでFirefox(Firefox)を起動します。右上隅にある3本の水平線をクリックし、[ (Click)Web開発者]、[(Web Developer)レスポンシブデザインモード](Responsive Design Mode)の順に選択します。

  • 上部のオプションからページ解像度をカスタマイズできます。次に、Webページの任意の場所を右クリックして、[スクリーンショット(Take a Screenshot)を撮る]というオプションを選択します。

  • これで、スクリーンショットを撮る領域を選択できるようになりますが、それはあなたが望むものではありません。探しているオプションは[全ページを保存(Save full page)]と呼ばれ、ページの右上隅にあるオプションをクリックします。

  • スクリーンショットをキャプチャして表示します。[(Click)ダウンロード(Download)]ボタンをクリックして、コンピューターにダウンロードします。

  • Firefoxは、ブラウザのデフォルトのダウンロードフォルダにスクリーンショットを保存します。メニューバーのダウンロードアイコンをクリックして、スクリーンショットやその他のダウンロードファイルにアクセスできます。

Firefoxでフルページのスクリーンショットをキャプチャする(拡張機能付き)

ブラウザにアドオンをインストールしてもかまわない場合は、ボタンをクリックするだけでFirefoxでフルページのスクリーンショットを撮ることができるアドオンがあります。(Firefox)

  • (Click)メニューバーのアドオンアイコンをクリックし、[許可](Allow)を選択します。必要な権限を付与します。

  • スクリーンショットが撮られ、マシンに保存するように求められます。

  • オプションをカスタマイズする場合は、Menu > Add-ons > Extensions]に移動し、アドオンの横にある3つのドットをクリックして、[設定](Preferences)を選択します。

  • 変更できるオプションには、スクリーンショットの画像形式、遅延、スクリーンショットの品質などがあります。



About the author

私はオーディオとユーザー アカウントの分野で長年働いてきた技術者です。Windows と Mac の両方のコンピューター、およびアップル製品の経験があります。また、2007 年からは Apple 製品の使い方についても教えています。主な専門分野は、ユーザー アカウントと家族の安全です。これに加えて、Windows 7 Home Premium、8.1 Pro、10 Pro、12.9 Mojave など、さまざまなソフトウェア プログラムの経験があります。



Related posts