Firefox内のスクリーンショット機能を使ってみる

webページのスクリーンショットを撮る場合、以前はOSの機能を使っていたのだが最近になってfirefox自身でキャプチャ機能があることに気付いた

普段から行っている作業は今までの流れで行っていので、しっかり最新の情報を確認しなけばいけないなと実感…

以下は使い方の覚書

使い方はとっても簡単

1.スクリーンショットを呼び出す

Firefox上でキャプチャしたいページを右クリック

メニュー内の「スクリーンショットを撮る」をクリックすることでキャプチャ画面に進みます

こんな感じの画面

マウスを動かすと真ん中にある顔の目玉が動き往年のxeyesを彷彿とさせますw

2.キャプチャを撮る

　右上に表示されたアイコンで基本的なスクリーンショットが取得できます

　　　　　　　

　・モニタ上に表示されている部分をキャプチャする

　「表示範囲を保存」をクリックすれば取得可能です

　・ページ全体をキャプチャする

　「ページ全体を保存」をクリックすれば取得可能です

3.キャプチャの保存

キャプチャ後保存方法の確認画面が表示されます

「ダウンロード」・「コピー」どちらかを選択後、確認画面に進みます

　　・「ダウンロード」を押すとダウンロードフォルダにpng画像として保存されます

　　・「コピー」を押すとクリップボードに保存されます

　　　ペイントなどのアプリに貼り付けてご使用ください

　　・「×」を押すとキャンセルできます

以上で操作は完了です

4.その他の使い方

マウスで範囲選択することも可能です

スタイルシートの要素なのかな？マウスを動かすと点線で囲まれた範囲が現れます

ここでクリックすると点線で囲まれた範囲のスクリーンショットを取得できます

5.操作のキャンセル

「ESC」キーでキャンセルできます

その他、「キャンセル」ボタンや「×」でボタンキャンセルできます

6.その他注意点

ブラウザの設定画面などのブラウザの機能に関する画面のスクリーンショットは撮れません

まとめ

・Firefox自身にwebページのスクリーンショットを撮る機能がある

・モニタの可視領域だけでなく、ページ全体や範囲選択もできる

・保存形式はpng

・設定画面などブラウザの機能に関する画面には使えない