DEV Community

Cover image for Take a Full-Page Screenshot in Browser (without extension or add-on)
Sampad Sarker
Sampad Sarker

Posted on

Take a Full-Page Screenshot in Browser (without extension or add-on)

Google Chrome

Chrome browser contains default screenshot feature in developer tools.

To take a full-page screenshot, follow these instructions:

1.Open Chrome’s menu (three dots on the right corner).

2.More tools > Developer tools or press F12.

3.Click on the three-dot icon from the top-right corner and then select Run command. As a hotkey, you can press 'ctrl+shift+p' on Windows or 'command+shift+p' on Mac.

4.Type screenshot into the search box.

5.Select capture full-size screenshot.

6.That's all, chrome browser will save the full page screenshot into your downloads folder.

Mozilla Firefox

You can snap a scrolling screenshot with Mozilla's built-in feature.

Follow these steps to take a full-page screenshot.

1.Open Mozilla's menu (three bars on the right corner).

2.More tools > Customize toolbar...

3.Find out Screenshot icon and click and drag the Screenshot tool into the toolbar or right click on it and select add to toolbar.

4.Now click on screenshot tool icon and select save full page or save visible(if necessary).

5.Finally click on download which appeared after taking the screenshot. This screenshot can be found into mozilla browser's download folder.

Top comments (0)