Full Page Screenshot in Browser

By Xah Lee. Date: . Last updated: .

Google Chrome 59 (~2017-07)

chrome now has new dev features.

Press F12, then press Ctrl+Shift+p

And it'll show command menu.

Type “screenshot” to do a screenshot.

The file is saved in your download folder.

take screenshot in Firefox by command line

goto web dev console 【⌘ command ⌥ option k

:screenshot --fullpage filename

The file is saved in your download folder.

2019-04-12 Note, the Developer Toolbar (aka GLCI) feature has been removed around 2019-08. Now, to do a screenshot, use the triple dot showing in the url field.

to take a screenshot in Firefox, press 【Shift+F2】, then type

Liket it? I spend 2 years writing this tutorial. Help me spread it. Tell your friends. Or, Put $5 at patreon.

Or, Buy JavaScript in Depth

If you have a question, put $5 at patreon and message me.

Web Dev Tutorials

  1. HTML
  2. Visual CSS
  3. JS in Depth
  4. SVG
  5. Blog