今の生活に新しい気づきを届けるメディア

ブラウザでページ全体を丸ごとキャプチャできるプラグインをまとめてみた

17/01/21 ( 17/07/22 Edited)

約4分で読めます

webサービス

AD

サイトを丸ごと印刷したいのにそのまま印刷すると全然デザインがおかしくなる…

そんな経験はありませんか?

今からご紹介するプラグインを使えば、サイトを丸ごとキャプチャ、スクリーンショットが撮れて、pngやpdfなどの画像として保存ができるので、そこから全く崩れずに印刷することができます。

1年以上色々なプラグインを仕事で使ってきて、その中でも優れている3つを紹介します。

1.Awesome Screenshot:キャプチャーと注釈

スクリーンショット 2017-01-21 11.50.21

今まで使ったプラグインで一番使いやすかったのがこちら。

firefoxとchromeで拡張として入れれるようです。

動作もそこまで重くなく使いやすいです。

良い点1:キャプチャしたwebページに書き込みができる

一番良いなと思ったところは撮ったキャプチャに書き込みができるところです。

スクリーンショット 2017-01-21 11.39.27

このような形で図形も入れれますし、矢印も、またテキストも入力できます。

なのでwebディレクションをしていたり、webデザイン、コーディングなど、web制作に関わる人にとってはかなり便利な機能ではないでしょうか。

良い点2:fixedされた要素も無視してくれる

追従してくる問い合わせボタンとかあるじゃないですか。

あれもスクロールごとにキャプチャして凄い連なっている時があるのですが、そういったことはないです。

閲覧したサイトのURLを収集している?

ただ1つだけ懸念があって、2014年の記事ですが、AWESOME SCREENSHOT が閲覧したサイトのURLを収集している疑いようです。

現在はどうなっているのかわかりませんが、気にされる方は辞めておいたほうが良いかもしれません。

 

  • ChromeのAwesome Screenshot拡張が、見たページのURLをどこかに送信している
  • 送られたURLは SimilarWeb で使われているのではと思われる
  • URLを他人に知られるとまずいサイトを使っている人は利用を避けた方がいい
  • URL以外の送信は「今のところ」見つかっていない

引用:http://developer.cybozu.co.jp/akky/2014/08/awesome-screenshot-collects-your-visiting-urls/

2.Full Page Screen Capture

スクリーンショット 2017-01-21 11.50.06

こちらの良いところはとても動作が軽くて、シンプルなところですね。

ワンクリックでいきなり全ページをキャプチャしてくれて、別タブでpngとして開いてくれます。

fix要素などはそのままスクロールごとに撮ってしまうので、ちょっと見づらい点もありますが、軽くて簡単にとりあえず前ページ要素が撮れれば良いということであれば一番オススメです。

こちらchromeのみの拡張機能のようです。

3.Fire Shot:全面ウェブページのスクリーンショット

スクリーンショット 2017-01-21 11.55.24

Full page screen captureが一時期使えなくなっていた時期があって、その時にこちらを使っていました。

動作は特に問題ないのですが、クリックしてから保存までが長いというかめんどくさいのが難点でした。

pdfとかpngとか選べるのは良いのですが、保存に時間がかかるので、あまり使いたくない印象です。

最後に

いかがでしょうか。

書き込みがしたいなら、Awesome Screenshot、シンプルにただ保存したいだけならFull page screen captureがオススメですね。

それでは!

 

 

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

AD
TOP > 記事一覧 > ライフハック > webサービス > ブラウザでページ全体を丸ごとキャプチャできるプラグインをまとめてみた

Related Articles

関連記事はこちらです。

もはやテレビいらず?日本や世界のニュースを連続再生できるサイトが面白い!「NetTV-News on the Web」

もはや朝のニュースが必要なくなるような面白いニュースサイトを見つけました。

17/01/14

ネットショップをこれから運営していくには動画が必須!?解説動画サービスSimpleshowとは?

ネットでモノを販売したり、ネットで何かをやり取りする際に動画を見ることが増えたと思います。 自社で何かサービス […]

17/03/15

webからリアルへ!空き時間をお金に変えるスキルシェアリングサービス「pook(プック)」に登録してみた!

目次1 プックとは?2 どんな依賴が出来るのか?3 今なら事前登録で1,000円のクーポンをゲット!4 ステッ […]

17/06/17

macbookに特化した買取サービス【パソダッシュ】で申し込んでみた

ちょうどmacbookを売って新しい型を買いたいなーと思っていたところに、面白いツイートが回ってきました。 & […]

18/03/12

【無料】プレス・採用求人で悩んでいるのなら、PR Tableを試してみるといい

目次1 PR Table・企業・団体の想いを届けるストーリーテリングサービスとは?2 広報・採用の窓口サイトと […]

17/03/16

ようやくkindle unlimitedの30日間無料登録をしてみた

ずっと気になっていた、kindle unlimited。 「どうせたいして読みたい本が無いんだろ」 「月額98 […]

17/01/31

オススメ有料メルマガ3選!雑誌よりも高コスパ?

こんにちは。 僕は新聞を読まなくなって久しくなりますが、みなさんは日々の情報収集をどうしていますか? 今はネッ […]

16/03/27

情報を能動的に収集していく必要がある時代にpodcastはかなり相性が良さそう

どうも、jano(@d_log8)です。 隠居系男子の鳥井さんの過去の記事を読んでいたら、podcastについ […]

17/02/13

Popular Articles

よく読まれている記事です。