From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/tools/taking_screenshots/index.html | 52 ++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 files/ja/tools/taking_screenshots/index.html (limited to 'files/ja/tools/taking_screenshots') diff --git a/files/ja/tools/taking_screenshots/index.html b/files/ja/tools/taking_screenshots/index.html new file mode 100644 index 0000000000..41c1b1a30c --- /dev/null +++ b/files/ja/tools/taking_screenshots/index.html @@ -0,0 +1,52 @@ +--- +title: スクリーンショットを撮影する +slug: Tools/Taking_screenshots +tags: + - Tools +translation_of: Tools/Taking_screenshots +--- +
{{ToolsSidebar}}
+ +

開発ツールを使用して、ページ全体またはページ内のひとつの要素のスクリーンショットを撮影できます。

+ +

ページのスクリーンショットを撮影する

+ +

現在のページ全体のスクリーンショットを撮影するには、スクリーンショットのアイコン () を使用します。

+ +

デフォルトでは、スクリーンショットのアイコンが有効化されていません。有効にする方法は以下のとおりです:

+ + + +

以上で、ツールバーにアイコンが表示されます:

+ +

{{EmbedYouTube("KB5V9uJgcS4")}}

+ +

アイコンをクリックすると、現在のページのスクリーンショットを撮影します。スクリーンショットは、ブラウザーの "ダウンロード" ディレクトリーに保存します:

+ +

{{EmbedYouTube("HKS6MofdXVE")}}

+ +

要素のスクリーンショットを撮影する

+ +

ページ内のひとつの要素のスクリーンショットを撮影するには、インスペクターの HTML ペイン でその要素のコンテキストメニューを開いて、"ノードのスクリーンショットを撮影" を選択します。スクリーンショットは、ブラウザーの "ダウンロード" ディレクトリーに保存します:

+ +

{{EmbedYouTube("p2pjF_BrE1o")}}

+ +

スクリーンショットをクリップボードにコピーする

+ +

Firefox 53 より、スクリーンショットをクリップボードにコピーすることもできます。開発ツールのオプションで "Screenshot to clipboard" にチェックを入れてください:

+ +

{{EmbedYouTube("AZedFGh6F78")}}

+ +

スクリーンショットを撮影すると、クリップボードへのコピーも行います。

+ +

 

+ +

アディショナルオプション

+ +

別のデバイスとピクセルの比率を指定する必要がある場合、スクリーンショットを撮る前に遅延を設定するか、独自のファイル名を指定する必要がある場合は、Web コンソールで :screenshot ヘルパー関数を使用できます。

+ +

 

-- cgit v1.2.3-54-g00ecf