Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Mozilla Support में खोजें

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Copy a screenshot of an element

  • 1 प्रत्युत्तर दें
  • 2
  • 1 view
  • के द्वारा अंतिम प्रतियुतर 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

All Replies (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: