為了改善您的使用體驗,本網站正在進行維護,部分功能暫時無法使用。若本站的文件無法解決您的問題,想要向社群發問的話,請到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 發問,我們的社群成員將很快會回覆您的疑問。

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Copy a screenshot of an element

  • 1 回覆
  • 2 有這個問題
  • 1 次檢視
  • 最近回覆由 cor-el

more options

I'd like to be able to select an element on a page and copy a screenshot of it to the clipboard. I've added "Take a Screenshot" to my address bar and enabled "Screenshot to Clipboard" in developer tools.

I click "Take a Screenshot", then click on the element, and I get the "Drag or click on the page to select a region" prompt. I click on an element and get the highlight box around the element. Then I click the "Download" icon to save the screenshot.

At this point, since I have "Screenshot to Clipboard" enabled, I should be able to go into Photoshop or Word or whatever and paste the screenshot. Instead the clipboard is unchanged.

Am I misunderstanding how "Screenshot to Clipboard" works? I'm using Firefox Developer Edition 57.0b12.

It would also be great if, instead of checking a box in Developer Tools, the screenshotting tool just added a "copy" button alongside "Download" and "Save/upload".

I'd like to be able to select an element on a page and copy a screenshot of it to the clipboard. I've added "Take a Screenshot" to my address bar and enabled "Screenshot to Clipboard" in developer tools. I click "Take a Screenshot", then click on the element, and I get the "Drag or click on the page to select a region" prompt. I click on an element and get the highlight box around the element. Then I click the "Download" icon to save the screenshot. At this point, since I have "Screenshot to Clipboard" enabled, I should be able to go into Photoshop or Word or whatever and paste the screenshot. Instead the clipboard is unchanged. Am I misunderstanding how "Screenshot to Clipboard" works? I'm using Firefox Developer Edition 57.0b12. It would also be great if, instead of checking a box in Developer Tools, the screenshotting tool just added a "copy" button alongside "Download" and "Save/upload".

被選擇的解決方法

You aren't mixing two things?

You need to use right-click context menu in the Inspector to take a screenshot from a specific element. The Firefox screenshot extension available since Firefox 56 can save the screenshot, but this extension doesn't use the settings you make in the developer tools.

See also:

從原來的回覆中察看解決方案 👍 1

所有回覆 (1)

more options

選擇的解決方法

You aren't mixing two things?

You need to use right-click context menu in the Inspector to take a screenshot from a specific element. The Firefox screenshot extension available since Firefox 56 can save the screenshot, but this extension doesn't use the settings you make in the developer tools.

See also: