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! 🎁

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Is there is a way to get the 'Screenshot Node' to stop cutting off the right side of a capture?

  • 6 réponses
  • 1 a ce problème
  • 1 vue
  • Dernière réponse par mnhollimon

more options

I can right click an image, select 'Inspect Element', highlight the node I want to capture, right click and select 'Screenshot Node' but the image captured is always missing pixels on the right side.

I can right click an image, select 'Inspect Element', highlight the node I want to capture, right click and select 'Screenshot Node' but the image captured is always missing pixels on the right side.
Captures d’écran jointes

Solution choisie

Hi mnhollimon, this is a really useful feature -- other than this problem.

The truncation seems to occur on pages with a scroll bar -- I can replicate it on a test page when the body doesn't fit completely within the viewport after opening the Inspector (or by forcing a scrollbar): https://www.jeffersonscher.com/res/node-screenshot.html

There was a fix for that in Firefox 45 but it seems to have gotten lost somewhere. I added a comment about this hypothesis to an open bug for this problem:

https://bugzilla.mozilla.org/show_bug.cgi?id=1538256#c8

For the short term, when you need to screenshot a node on a page with a vertical scrollbar, you could temporarily remove the bar by adding

overflow: hidden;

to the element style rules for the body tag. Grab your screenshot, then uncheck the box. Perhaps there is a way to automate that, but nothing comes to mind that can handle all three steps.

Lire cette réponse dans son contexte 👍 1

Toutes les réponses (6)

more options

Solution choisie

Hi mnhollimon, this is a really useful feature -- other than this problem.

The truncation seems to occur on pages with a scroll bar -- I can replicate it on a test page when the body doesn't fit completely within the viewport after opening the Inspector (or by forcing a scrollbar): https://www.jeffersonscher.com/res/node-screenshot.html

There was a fix for that in Firefox 45 but it seems to have gotten lost somewhere. I added a comment about this hypothesis to an open bug for this problem:

https://bugzilla.mozilla.org/show_bug.cgi?id=1538256#c8

For the short term, when you need to screenshot a node on a page with a vertical scrollbar, you could temporarily remove the bar by adding

overflow: hidden;

to the element style rules for the body tag. Grab your screenshot, then uncheck the box. Perhaps there is a way to automate that, but nothing comes to mind that can handle all three steps.

more options

Ohmigosh, thanks so much!! For now I will use an extension to hide the scrollbar. You're a life saver!

more options

If you find an extension that works well for this, please report back on which one it is in case other users have the same question.

more options

You can try to zoom out the page to see if that makes a difference.

more options

cor-el said

You can try to zoom out the page to see if that makes a difference.

Unfortunately, that also make the screenshot smaller because it captures at the current zoom level.

more options

jscher2000 said

If you find an extension that works well for this, please report back on which one it is in case other users have the same question.

I am using this Firefox Extension to toggle the scrollbar: https://addons.mozilla.org/en-US/firefox/addon/hide-scrollbars/