Can I DevTools?

Share this post

Tips & Tricks #33

canidevtools.substack.com

Tips & Tricks #33

Can I take full page screenshot of a website?

Pankaj Parashar
Dec 2, 2022
Share this post

Tips & Tricks #33

canidevtools.substack.com

Chrome, Edge, Opera

  1. Open Command Menu (Cmd+Shift+P or Ctrl+Shit+P) & Run > "Capture full size screenshot" and press Enter.

  2. This will save a PNG image with url as the filename in the Downloads directory.

canidev.tools/capture-full-page-screenshot/chrome

Firefox

  1. In the Inspector panel, right click on the html node > select "Screenshot Node".

  2. This will save a PNG image with current date time as the filename in the Downloads directory.

canidev.tools/capture-full-page-screenshot/firefox

Safari

  1. In the Elements panel, right click on the html node and select "Capture Screenshot".

  2. This will save a PNG image with current date time as the filename in the Downloads directory.

canidev.tools/capture-full-page-screenshot/safari

Share this post

Tips & Tricks #33

canidevtools.substack.com
Previous
Next
Comments
TopNew

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing