1. Home
  2. コンピュータ
  3. ブラウザ
  4. Chromeで拡張機能なしでページ全体のスクリーンショットを撮る方法!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
PS4 Proがタイムセールで5000円OFF&Echo Dotが99円で買えるキャンペーンを実施中!

PS4 Proがタイムセールで5000円OFF&Echo Dotが99円で買えるキャンペーンを実施中!

現在AmazonではAmazon.co.jpが販売・発送する「PlayStation 4」「PlayStation 4 Pro」を通常版参考価格から5,000円以上OFFにて販売するキャンペーンを実施しています!キャ...

サーチコンソールのパンくずリストの「項目idがありません」エラーの解決方法!

サーチコンソールのパンくずリストの「項目idがありません」エラーの解決方法!

本日よりGoogle Search Console(サーチコンソール)にパンくずリストの項目が追加されるようになりました。Google Search Consoleの左のメニューに「パンくずリスト」という...

適当な落書きをリアルな風景画にしてくれるサイト「GauGAN」がすごい!

適当な落書きをリアルな風景画にしてくれるサイト「GauGAN」がすごい!

今回紹介するのは、適当な落書きをリアルな風景画にしてくれるAIアートツールサイトである「GauGAN」です。GauGANを使うと、ディープラーニングによるGAN(Genera tive Adv...

VEGAS Pro 17発売記念で最大92%Offのキャンペーンを実施中!

VEGAS Pro 17発売記念で最大92%Offのキャンペーンを実施中!

現在ソースネクストでは、VEGAS Proの新バージョンとなるVEGAS Pro 17の発売を記念して、VEGAS製品を大幅に値引きするスーパーチャンスのキャンペーンを実施しており、最大...

Lecone Qi 10Wワイヤレス充電台&紫外線UV除菌器を使ってみた!(30%Offクーポンあり)

Lecone Qi 10Wワイヤレス充電台&紫外線UV除菌器を使ってみた!(30%Offクーポンあり)

今回紹介するのはLeconeのQiワイヤレス充電台&紫外線UV除菌器です。置くだけでスマホなどを簡単に充電できるQiワイヤレス充電器とボックスの中に入れたスマホや小物などを...

Samsung Galaxy A80がフラッシュセールで激安!さらに66ドル安くなるクーポンあり!

Samsung Galaxy A80がフラッシュセールで激安!さらに66ドル安くなるクーポンあり!

今回はSamsung Galaxy A80の激安情報とクーポンについて紹介します。ただいま、GearBestでは、Samsung Galaxy A80 4G Phablet 8GB RAM 128GB ROM Original International V...

MOTOROLA Moto Zのバッテリーを自分で交換してみました!

MOTOROLA Moto Zのバッテリーを自分で交換してみました!

私の愛用しているモトローラ製のスマホのMoto Zなんですが、購入して2年も経たずにバッテリーが異常で100%まで充電しても5分くらいで落ちるというくらいヘタってしまったの...

AliExpressでスマホのバッテリーを激安で輸入してみました!

AliExpressでスマホのバッテリーを激安で輸入してみました!

最近スマホのバッテリーの調子が悪くて、100%まで充電しても5分くらいで電源が落ちてしまうようになってしまいました。交換用バッテリーをamazonなどで探していたのですが...

Leconeの5in1機能モバイルバッテリー付きUSB扇風機を使ってみた!(クーポンコードあり)

Leconeの5in1機能モバイルバッテリー付きUSB扇風機を使ってみた!(クーポンコードあり)

今回はLeconeの5in1機能 モバイルバッテリー付きUSB扇風機を紹介したいと思います。この5in1機能とは5つの機能がありモバイルバッテリー、携帯扇風機、卓上扇風機、スマホ...

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位が表示されます。今ならリンクするだけで簡単に上位に表示されます。