Avatar for Username

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

Copy a screenshot of an element

  • 1 freagra
  • 2 leis an bhfadhb seo
  • 352 views
  • Freagra is déanaí ó cor-el

James Harris
James Harris
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".

Réiteach roghnaithe

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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Réiteach Roghnaithe

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: