13
14

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 5 years have passed since last update.

Firefox でアドオン無しでスクリーンショットを撮る

Last updated at Posted at 2016-08-24

この記事は古い記事です

すでに Firefox は便利なスクリーンショット機能がネイティブ搭載されていますので、そちらを使いましょう。
(コメントでの言及にもあるように)インスペクタから「ノードのスクリーンショットを撮影」なども役立ちます。

この記事で紹介している開発ツールバーは、Firefox 62 で削除されました。

引き続きスクリーンショットをコンソールで撮りたい場合は、開発ツールバーの代わりに、開発者ツールのコンソールで :screenshot と打ってみてください。


私は Firefox を常用していますが、アドオンを使わなくても、ブラウザだけでスクリーンショットを撮れます。しかも開発ツールバーを使うと超速。

改めて探したら散々概出でしたが、アドオン使うのは信用ならねえ、という方に、自分の忘備録も兼ねてメモ。

今表示している部分を撮る

開発ツールバー
screenshot

こんな感じで撮れます。 :arrow_down:

Screen Shot 2016-08-24 at 15.51.32.png

やり方

  1. Shift + F2 で開発ツールバーを開く
  2. screenshot と入力
  3. Enter

スクショ画像がダウンロードされます。

スクリーンショット 2016-08-24 15.51.44.png

開発ツールバーは補完も効くので、慣れれば超速で撮れます。

オプション

ページ全体を撮る

開発ツールバー
screenshot --fullpage

そのほか使いそうなもの

  • --fullpage: ページ全体を撮る
  • --clipboard: クリップボードにコピー
  • --imgur: imgur.com にアップロードする
  • --chrome: ウィンドウも含めて撮る
  • --delay 5: タイマー (5秒)
  • --dpr 2: ピクセル比 (2倍の解像度)
13
14
1

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
13
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?