1. Home
  2. コンピュータ
  3. ブラウザ
  4. Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
プライムデーセールがスタート!Amazon Echoシリーズが最大60%Offで大幅値引き!

プライムデーセールがスタート!Amazon Echoシリーズが最大60%Offで大幅値引き!

15日から始まったAmazonプライムデーセールですが、EchoシリーズやKindle、FireTVなどのAmazonデバイスが大幅値下げされています。中でもおすすめなのがAlexaを搭載するス...

超!A&G+がEchoシリーズで再生可能に!Amazon Alexaが再生に対応!

超!A&G+がEchoシリーズで再生可能に!Amazon Alexaが再生に対応!

文化放送が運営しているアニラジ専門のインターネットラジオである超!A&G+(ちょう!エーアンドジープラス)がAmazon Alexaに対応しました。これによりスマートスピーカ...

Amazon Prime VideoでChromecastへのキャストが可能に!

Amazon Prime VideoでChromecastへのキャストが可能に!

ついに7月10日よりAmazonプライムビデオでChromecastへのキャストが可能になりました。Amazonプライムビデオのアプリをアップデートすることで、Chromecastへのキャストボ...

Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!

Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!

みなさんはサイトのページ全体をキャプチャしてスクリーンショットを撮りたい時はどうしていますか?よくある手法としては拡張機能を入れてスクリーンショットを撮るという...

AOMEI BackupperでSSD&HDDを定期的に丸ごとバックアップしよう!

AOMEI BackupperでSSD&HDDを定期的に丸ごとバックアップしよう!

最近のPCではシステムドライブとしてSSDが採用されているのは当たり前の時代になりましたが、みなさんバックアップはしっかり取っていますか?SSDはHDDと比較しても非常に...

デュエルリンクスの最新情報が読めるアンテナを作りました!検索機能も大幅アップデート!

デュエルリンクスの最新情報が読めるアンテナを作りました!検索機能も大幅アップデート!

先日、遊戯王デュエルリンクスのカード検索サイトであるDuelLinks.netを公開しましたが、追加機能としていくつかのアップデートを行ったので、こちらにまとめておきます。...

クランプ式USBハブのORICO 4PORTS CLIP HUB MH4PU-U3を使ってみた!

クランプ式USBハブのORICO 4PORTS CLIP HUB MH4PU-U3を使ってみた!

今回紹介するのはクランプ式(クリップ式)のUSB3.0の4ポートハブであるORICO MH4PU-U3です。このUSBハブが普通のUSBハブとは違うのが、パソコン、液晶モニター、PCデスクな...

Amazon Music Unlimitedが4か月99円で音楽聴き放題‎のキャンペーンを実施中!

Amazon Music Unlimitedが4か月99円で音楽聴き放題‎のキャンペーンを実施中!

現在Amazonが提供する音楽定額配信サービスであるAmazon Music Unlimitedが4ヶ月99円で聴き放題となるキャンペーンを期間限定で実施中です。キャンペーンの期間は2019年7月...

nasneの出荷が近日終了!後継機の予定なしの発表を受けて品薄に!?

nasneの出荷が近日終了!後継機の予定なしの発表を受けて品薄に!?

2012年から発売しているSONYのネットワークレコーダーの「nasne」がついに近日出荷が終了するとのアナウンスがされました。nasneとプレイステーション、スマートフォンをつ...

NetaGear RSS News

Now Loading

Article

Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!

コンピュータ > ブラウザ 
Google_chapture_001.png

みなさんはサイトのページ全体をキャプチャしてスクリーンショットを撮りたい時はどうしていますか?よくある手法としては拡張機能を入れてスクリーンショットを撮るというのがあると思うんですけど、実はGoogle Chromeには標準機能としてWebページ全体のスクリーンショットを撮る機能がついています。

そこで今回は拡張機能を使わないでGoogle ChromeでWebページ全体のスクリーンショットを撮る方法を紹介したいと思います。Webページの全体のスクリーンショットをキャプチャするのにわざわざ拡張機能を入れるのはちょっとと思っている人はぜひ今回の方法を試してみることをおすすめします。

Chromeでページ全体のスクリーンショットを撮る方法!


Google_chapture_002.png
1 スクリーンショットを撮りたいページをGoogle Chromeで開きます。キーボードの「F12キー」を押して開発者ツール(ディベロッパーツール)を開きます。

Google_chapture_003.png
2 開発者ツールが開かられると、下に開発者ツールのウィンドウが追加されて、こんな感じの表示になります。

Google_chapture_006.png
3 開発者ツールの「Elements」タブの左にあるスマホとタブレットのようなアイコンを押して青くなっていることを確認します。

Google_chapture_004.png
4 右上にあるメニューボタンを押して「Capture full size screenshot」を押すと、Webページ全体のスクリーンショットを保存してくれます。「Capture screenshot」を押すと現在表示されている画面サイズでスクリーンショットを保存できます。

ちなみにサイズの表示をスマホやタブレットの状態でスクリーンショットを保存したい場合は、画像左に表示されているサイトの表示サイズから調節できます。または、したの灰色の部分を押すとそのサイズに画面表示サイズが変更になります。

Google_chapture_005.png
保存されたスクリーンショットを見るとこんな感じでWebページ全体を保存できていることがわかります。キャプチャする手順を知っていれば実に簡単にページ全体のスクリーンショットを保存できますね。

今回の個人的感想




今回はGoogle Chromeでの簡単にWebページ全体のスクリーンショットを撮る方法の紹介でした。スクロールが必要ないサイトであればただスクリーンショットを摂ればいいのですが、スクロールが必要な長いサイトではそうはいかないです。そんな時はこの手法を覚えてると役に立ちますね。デベロッパーツール(開発者ツール)は色々なことができるので知っている便利ですね。WEB開発者にとっては使っていて当然の基本ツールの一つではありますが、普通の人は知らない人もおおいかもしれませんね。まあ普通の人はデベロッパーツールなんて知っていても使う機会がないし、使わないと思いますけど・・・。

正直なところスクリーンショットを撮る頻度が高いのであればスクリーンショットを撮る拡張機能を入れてあげたほうが効率が良いと思います。ですが、たまにしか撮らないという様な場合には今回の方法はかなり有効ではないかと思います。何も入れなくても手軽にページ全体のスクリーンショットを保存できるのはありがたいです!

WEBサイトの全体のスクリーンショットが必要になった時にはぜひ今回の方法を活用してみてください。

Related article

COMMENT TO THIS ENTRY

Most Popular

Now loading...

Social Links

Sponsored Link

Popular Article

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。