Search 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 இந்த பிரச்னைகள் உள்ளது
  • 452 views
  • Last reply by cor-el

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:

Read this answer in context 👍 1

All Replies (1)

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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: