1. Home
  2. コンピュータ
  3. ブラウザ
  4. Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Leawo Blu-rayコピーでブルーレイをISOファイルに簡単バックアップ!

Leawo Blu-rayコピーでブルーレイをISOファイルに簡単バックアップ!

今回紹介するのは全世界で1,000万以上のユーザーがいるBlu-rayコピーソフトであるLeawo Blu-rayコピーです。Leawo Blu-rayコピーを使用すると、簡単にBlu-rayディスクのバ...

安物バッテリーは危険!?またまたMoto Zのバッテリーを自分で交換した話!

安物バッテリーは危険!?またまたMoto Zのバッテリーを自分で交換した話!

3,4ヶ月前のことになりますが、MOTOROLA Moto Zのバッテリーが死んでバッテリーを交換する手順の記事を書きました。当時は充電ケーブルを抜くと5分もせずに落ちるという状...

1/4ネジの三脚ボール ヘッドブラケットを買ってみた!

1/4ネジの三脚ボール ヘッドブラケットを買ってみた!

先日の記事で199円のミニ三脚についてのレビューにおいて、三脚上部の角度などが変更できればもっと自由度が上がって使いやすくなるということを書きました。そこで今回は...

無料でもらえるGoogle Nest miniが届いたのでレビュー!

無料でもらえるGoogle Nest miniが届いたのでレビュー!

先日の記事のGoogle Nest Miniが無料で手に入る!YouTube PremiumとGoogle Play Music会員が対象!でも紹介したGoogle Nest miniが届いたのでレビューを書きたいと思います...

スマート体組成計&体重計が792円!スマホ連動可能でソーラー充電で使える!

スマート体組成計&体重計が792円!スマホ連動可能でソーラー充電で使える!

Bluetoothでスマホ連動可能なBeyeahスマート体組成計&体重計が792円の超激安で販売中です。スマホとBluetoothで連動させることで、体重や体水分量・BMI・筋肉量・推定骨量...

Fire TV StickでIEEE802.11acが認識されない問題!

Fire TV StickでIEEE802.11acが認識されない問題!

先日のレビューも書いたFire TV Stickですが、実は一つ気になることがあったので同じようなことで困っている人の役に立てばと思い記事で残しておきたいと思います。それはF...

超電磁砲・禁書目録などとあるシリーズの小説・漫画が最大80%オフのキャンペーン!

超電磁砲・禁書目録などとあるシリーズの小説・漫画が最大80%オフのキャンペーン!

現在BOOK★WALKERでは、1月10日よりTVアニメが放映開始となる「とある科学の超電磁砲T」を記念して、とあるシリーズが最大80%オフのキャンペーンを実施しています。とある科...

完全防水IPX7&360度のTribit StormBox bluetoothスピーカーを使ってみた!

完全防水IPX7&360度のTribit StormBox bluetoothスピーカーを使ってみた!

今回は完全防水IPX7に対応したBluetoothスピーカーであるTribit StormBox bluetoothスピーカー BTS30を紹介したいと思います。お風呂場などで使用可能なIPX7に対応しており...

ダイソーで買えるライトニングとMicroUSBが両方使えるケーブルがすごい!

ダイソーで買えるライトニングとMicroUSBが両方使えるケーブルがすごい!

先日ダイソーですごいケーブルを見つけたので紹介したいと思います。それはなんとライトニングケーブルとMicroUSBケーブルが一本で両方使えるという製品です。先頭の端子を...

2020年あけましておめでとうございます!

2020年あけましておめでとうございます!

新年あけましておめでとうございます!裏技shop DDは今年でサイト開設から15年目に突入します!気がつけばこんなに長く続けていることは他にないくらい長い時間が経ってし...

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...