1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Mac PC で画面領域をはみ出すページ全体のスクショを撮る方法

Last updated at Posted at 2020-06-25

Mac PC で画面領域をはみ出すページ全体のスクショを撮る方法。

そもそも画面一部のスクリーンショットだけじゃなくて、 画面領域をはみ出すページ全体のスクショを撮ることができる ことを知らない人もいるかも、と思ってこの記事を書いています。

例えばこういう画像としてダウンロードできます。

FireShot Capture 004 - 並行モデルとイベントループ - JavaScript - MDN - developer.mozilla.org.png

やり方を二つ紹介します

Chrome Developer Tool を使う方法

  1. developer tool を開く
  2. ちょっと左にある3点ポチのところクリック 貼り付けた画像_2020_06_25_16_53.png
  3. capture full size screenshot 貼り付けた画像_2020_06_25_16_54.png

Chrome 拡張を使う方法

色々あるかと思いますが、使ってみて便利そうだったものを紹介します。非エンジニアに紹介するなら上記の方法よりいいかもしれません。

ウェブページ全体をスクリーンショット - FireShot

蛇足

Widonwsだと以下のショートカットでできるらしいです。未検証。

同僚曰く 「Windows+SHIFT+S が最強に便利」

Mac PCでショートカットを調べてみてすぐに出てこなかったのですが、もし知っている方いれば教えていただけるとありがたいです。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?