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

こんにちは。ゆーへーです。
いつも使ってるブラウザのFirefoxが何をやっても真っ白になって、成仏されたので、chromeに切り替えました。

サイトの模写であったり、デザインの参考、ポートフォリオでも使えるスクリーンショット。
スクリーンショットの拡張機能なら、FireShotが有名。Firefoxでもあります。

しかし、いざ動かしてみようかとおもったら、FireShotうごかねーじゃん!
って事で調べてたら、既存の機能でありました。

Firefoxですらあるだからあると思ってたけど、ありました。

chromeの機能でスクリーンショットをとる手順

1.F12(デベロッパーツール)を起動
2.デバイス切り替えボタンをクリック

3.キャプチャーをクリック。Capture full size screenshotの方ね!

以上!

それにしてもFirefoxおせーな!
なんこもタスク起動するんじゃないよまったく・・・。

この記事を書いた人

Yuhei Katayama

【フロントエンドエンジニア】

2014年よりフリーランスとして活動開始、3年目。タイが好きでよく行く。人手不足を補うをもっとうに仕事しています。HTML、Wordpress、EC-CUBE、MakeShop、カラーミーショップ、楽天のカスタマイズ経験あり。

この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

赤ヒツジ先生~コーディングチェック~

このサービスは、コーディングのHTMLチェックではなく、デザイン通りにコーディングできているかをチェックするサービスです。