Dette websted vil have begrænset funktionalitet, mens vi gennemgår vedligeholdelse for at forbedre din oplevelse. Hvis en artikel ikke løser dit problem, og du vil stille et spørgsmål, har vi vores supportfællesskab, der venter på at hjælpe dig på @FirefoxSupport på Twitter og/r/firefox på Reddit.

Søg i 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.

Læs mere

Full page screenshot in Firefox Developer Edition

  • 4 svar
  • 4 har dette problem
  • 11 visninger
  • Seneste svar af madebym

more options

I am using the Firefox Developer Edition which has a very nice Responsive Design View option. When in that mode there is an option to take a screenshot of the currently resized website.

I am wondering if there is maybe a setting somewhere that would allow to take a full page screenshot, instead of only getting the visible part?

I think that would be really handy, many times we need the whole resized design/page to show to the clients, at least from my experience.

I am using the Firefox Developer Edition which has a very nice Responsive Design View option. When in that mode there is an option to take a screenshot of the currently resized website. I am wondering if there is maybe a setting somewhere that would allow to take a full page screenshot, instead of only getting the visible part? I think that would be really handy, many times we need the whole resized design/page to show to the clients, at least from my experience.

Valgt løsning

There is a way to take a full page screenshot. But you need the "Developer Tools" open first. Press Ctrl+Shift+I to open them.

Look at the icons on the top right of the Developer tools. To the right of the Responsive Design Mode icon, there is a wheel icon for Settings. Click that and scroll to the bottom of the options. On the left side column under Available Toolbox Buttons, put a checkmark on "Take a fullpage screenshot". A fullpage screenshot button will now appear next to the RDM button.

I just tested this in Responsive Design Mode and it does work! So enjoy! :)

Læs dette svar i sammenhæng 👍 2

Alle svar (4)

more options

Go to the Mozilla Add-ons Web Page {web link} (There’s a lot of good stuff here) and search for what you want.

Most let you choose what is saved. Full page, or selected.

more options

@FredMcD Thanks for the reply, but I think your answer doesn't answer my question.

I know there are various addons for taking screenshots, but that wasn't my question.

I wanted to know if it is possible to take a full page screenhot by using the Responsive Design View mode inside Developer edition.

Currently the only option, as far as I know, is to take the screenshot of the visible part of the viewport.

more options

Valgt løsning

There is a way to take a full page screenshot. But you need the "Developer Tools" open first. Press Ctrl+Shift+I to open them.

Look at the icons on the top right of the Developer tools. To the right of the Responsive Design Mode icon, there is a wheel icon for Settings. Click that and scroll to the bottom of the options. On the left side column under Available Toolbox Buttons, put a checkmark on "Take a fullpage screenshot". A fullpage screenshot button will now appear next to the RDM button.

I just tested this in Responsive Design Mode and it does work! So enjoy! :)

more options

@Noah_SUMO You made my day :) Thanks for the tip !!!