我们的志愿者还没有将这篇文章翻译为 中文 (简体)加入我们帮助完成翻译
您也可以阅读此文章的English (US)版。

You can use the Developer Tools to take a screenshot of the entire page, or of a single element in the page.

Taking a screenshot of the page

Use the screenshot icon: to take a full-page screenshot of the current page.

By default, the screenshot icon is not enabled. To enable it:

  • visit the Settings page
  • find the section labeled "Available Toolbox Buttons"
  • check the box labeled "Take a screenshot of the entire page".

You'll now see the icon in the toolbar:

Click the icon to take a screenshot of the current page. The screenshot is saved to your browser's "Downloads" directory:

Taking a screenshot of an element

To take a screenshot of a single element in the page, activate the context menu on that element in the Inspector's HTML pane, and select "Screenshot Node". The screenshot is saved to the browser's "Downloads" directory:

Copying screenshots to the clipboard

From Firefox 53, you can also copy the screenshot to the clipboard. Just check the box in Settings labeled "Screenshot to clipboard":

Now, whenever you take a screenshot, the screenshot is also copied to the clipboard.

Additional Options

If you need to specify a different device-pixel-ratio, set a delay before taking the screenshot, or specify your own file name, starting in Firefox 62 you can use the :screenshot helper function in the Web Console.

 

文档标签和贡献者

标签: 
此页面的贡献者: JeffersonScher, wbamberg
最后编辑者: JeffersonScher,