Forefoxの開発ツールでスクリーンショットを撮影する

ページ全体のスクリーンショットを撮影するアドオンを探していたら、Forefoxの開発ツールでもできるようなので試してみました。

使い方

ツール > Web 開発 > 開発ツールを表示 を選択。

take-a-screen-shot-at-forefox-development-tools01

設定(歯車のアイコン)を選択。

take-a-screen-shot-at-forefox-development-tools02

左下にある「ページ全体のスクリーンショットを撮影します」にチェックを入れる。

take-a-screen-shot-at-forefox-development-tools03

設定アイコンの左隣にカメラのアイコンが表示されました。
このアイコンをクリックするとスクリーンショットを撮影できます。

take-a-screen-shot-at-forefox-development-tools04

以下が実際に撮影したスクリーンショットです。

take-a-screen-shot-at-forefox-development-tools05

スクリーンショットの画像はFirefox既定のダウンロードフォルダに格納されます。
画像はpng形式で、「Screen Shot yyyy-mm-dd at hh.mm.ss.png」という日時を含んだファイル名で出力されます。
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

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

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年11月
 12
3456789
10111213141516
17181920212223
24252627282930