# Improve "Taking a screenshot" feature

**URL:** <https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692>\
**Category:** Developer Tools\
**Created:** [March 29, 2017, 6:21am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692 "2017-03-29T06:21:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ldetomi](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ldetomi/32/22211_2.png) [@ldetomi](https://discourse.mozilla.org/u/ldetomi)\
**Post date:** [March 29, 2017, 6:21am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/1 "2017-03-29T06:21:41Z")

</div>

I would like to suggest some improvments to “_ **Taking a screenshot** _” feature of new “_Responsive Design Mode_”, taking inspiration from _ScreenGrab_ extension.

- Ability not only to save but also copy into clipboard current screenshot
- Ability to capture not only visible area, but also entire page

(actually to obtain last feature is possibile from inspector right-clicking onto BODY tag and taking a screenshot of the node but is obviously slower)

---

<div class="post-metadata">

**Author:** ![pbro](https://avatars.discourse-cdn.com/v4/letter/p/9d8465/32.png) [@pbro](https://discourse.mozilla.org/u/pbro)\
**Post date:** [March 29, 2017, 7:47am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/2 "2017-03-29T07:47:49Z")

</div>

Really cool feature ideas indeed.

Copying to the clipboard is soooo useful when working with other image software, so you don’t have to go and open a file, you can just paste the image right in.  
In fact, we have a setting for this, I made a video a few days ago that shows how to do it:

[![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/f/f/ffa4b6d92e46c05ec6de7f0a982a389bdc2260f6.jpeg "Save screenshots taken from Firefox DevTools to the clipboard") ](https://www.youtube.com/watch?v=uZQTEPGdjAg)

Unfortunately, the Responsive Design Mode doesn’t seem to honor this setting. @jryans might know if there is already a bug being tracked for adding this.

As for taking full page screenshots, there is a quicker way:

- go in the settings panel
- check the _Take a screenshot of the entire page_ button in the _Available Toolbox Buttons_ section
- this adds a new camera icon into the DevTools toolbox toolbar

![](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/2X/d/d31f891f5d2ec3f50d62ddfc31191c81470b17cb.png)

Now, clicking this button will take a screenshot of the entire page, whether you are in Responsive Design Mode or not.

However, the camera button in the Responsive Design Mode toolbar always only takes a picture of the visible viewport. Here again, maybe we should honor a global setting that applies to _all_ buttons in DevTools?

---

<div class="post-metadata">

**Author:** ![andreip](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/andreip/32/24181_2.png) [@andreip](https://discourse.mozilla.org/u/andreip)\
**Post date:** [March 29, 2017, 8:18am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/3 "2017-03-29T08:18:04Z")

</div>

`Shift + F2`  
`screenshot --clipboard`  
Done 🙂 Work in responsive design mode also. You have lots of options for imgur, CSS selectors etc. Just use tab to autocomplete to see all of them.

I prefer to use builtin features over legacy addons. Legacy addons tend to make Firefox slower from my experience.

---

<div class="post-metadata">

**Author:** ![ldetomi](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ldetomi/32/22211_2.png) [@ldetomi](https://discourse.mozilla.org/u/ldetomi)\
**Post date:** [March 29, 2017, 8:18am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/4 "2017-03-29T08:18:52Z")

</div>

Thanks for your infos.

I did not know availability of last button you mentioned, useful, but I think that for coherency, it should added also to “responsive design mode” toolbar, just to not have an icon fro screenshot in inspector header and another one in “responsive design mode”. I suggest to group them

---

<div class="post-metadata">

**Author:** ![andreip](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/andreip/32/24181_2.png) [@andreip](https://discourse.mozilla.org/u/andreip)\
**Post date:** [March 29, 2017, 8:21am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/5 "2017-03-29T08:21:04Z")

</div>

Shift + F2 opens the developer toolbar. It’s not a button.

---

<div class="post-metadata">

**Author:** ![jryans](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/jryans/32/20918_2.png) [@jryans](https://discourse.mozilla.org/u/jryans)\
**Post date:** [March 29, 2017, 3:31pm UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/6 "2017-03-29T15:31:25Z")

</div>

> [@pbro](#):
>
> Unfortunately, the Responsive Design Mode doesn’t seem to honor this setting. @jryans might know if there is already a bug being tracked for adding this.

It seems like this got lost in the shuffle when copy to clipboard was first added. I filed [bug 1351696](https://bugzilla.mozilla.org/show_bug.cgi?id=1351696) about it.

---

<div class="post-metadata">

**Author:** ![tiktoktoyatoya](https://avatars.discourse-cdn.com/v4/letter/t/b77776/32.png) [@tiktoktoyatoya](https://discourse.mozilla.org/u/tiktoktoyatoya)\
**Post date:** [September 8, 2017, 6:08am UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/9 "2017-09-08T06:08:25Z")

</div>

I would like to have both options suggested here.

Having an option to create GIFs would be cool too.

---

<div class="post-metadata">

**Author:** ![fel](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/fel/32/23016_2.png) [@fel](https://discourse.mozilla.org/u/fel)\
**Post date:** [October 30, 2017, 8:33pm UTC](https://discourse.mozilla.org/t/improve-taking-a-screenshot-feature/14692/10 "2017-10-30T20:33:16Z")

</div>

really nice trick thank you, but I can’t wait for a box to check !