X
Nhấn vào đây để đến phiên bản di động của trang web.

Diễn đàn trợ giúp

Full page screenshot in Firefox Developer Edition

Được đăng

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.

Giải pháp được chọn

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! :)

Đọc câu trả lời này trong ngữ cảnh 2

Chi tiết hệ thống bổ sung

Phần bổ trợ đã cài đặt

  • Adobe PDF Plug-In For Firefox and Netscape 15.10.20056
  • Authentication plugin for Aviion OTT service
  • Citrix Online App Detector Plugin
  • Version 5.41.3.0
  • Google Update
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 10.40.2 for Mozilla browsers
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Shockwave Flash 21.0 r0
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.1.629
  • 5.1.41212.0
  • wpidetector
  • iTunes Detector Plug-in

Ứng dụng

  • Chuỗi đại diện người dùng: Mozilla/5.0 (Windows NT 6.1; rv:45.0) Gecko/20100101 Firefox/45.0

Thông tin chi tiết

FredMcD
  • Top 10 Contributor
4306 giải pháp 60440 câu trả lời
Được đăng

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.

Go to the '''[https://addons.mozilla.org/en-US/firefox/ 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.

Người tạo câu hỏi

@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.

@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.
Noah_SUMO
  • Moderator
99 giải pháp 639 câu trả lời
Được đăng

Giải pháp được chọn

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! :)

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! :)

Người tạo câu hỏi

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

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