技術

Webページまるごと画面キャプチャできるChromeの拡張機能「Full Page Screen Capture」

投稿日:

こんにちは。たなかです。

先日、チームのメンバーにスマホデザインのスクリーンショット提供をお願いしたところ、スクロール分を含めた全画面のキャプチャ方法がわからないとのことでした。

そのときに紹介してみた、Chromeの拡張機能「Full Page Screen Capture」について改めて書いてみます。

Full Page Screen Capture

導入はこちらから
https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

使い方はとっても簡単。

キャプチャしたいwebページを開いて、拡張機能導入後に表示されるカメラアイコンをクリック。

ザーッと画面を下まで読み込んでいきます。

読み取りが完了したらダウンロードボタンを押すだけ。

じゃん。

スクロールが必要なスマホビューも、一枚で確認できます。

まとめ

保存ファイルの形式もjpgやpngなど好きに設定できます。

画面の長さにもよりますが、動作も割と軽快でサクッと使えます。

Webページ全体を俯瞰したい時に便利ですので、まだの方はぜひ試してみてください。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

GooglePlayConsoleで「製品版として公開を開始」がグレーアウトして押せない!

こんにちは。田中です。 携わっていたアプリ開発案件ですが、ついに最初のリリースが …

no image

CSSのpositionで要素を真ん中寄せにする(JS不要)

positionを使って要素を真ん中寄せにする時は、transform: tra …

Ionicアプリのアイコンやスプラッシュ画像を変更したい!

こんにちは。田中です。 現在Ionicを使ったアプリ開発に携わっているのですが、 …

自分のEvernoteをブログとして公開できる『Postach.io』を使ってみました

こんにちは。たなかです。 自分のEvernoteをブログとして公開できる『Pos …

no image

[リアクティブフォーム]バリデーションチェックを任意のタイミングで走らせる。

Angularのリアクティブフォームで使っていると、 バリデーションを後付けした …