Earlier, capturing full page screenshot in Chrome was never easy. But, no more! With the latest version of Google Chrome (Chrome 59), you can easily capture full page screenshot in no time with built-in Developer Tools.
Capture full page screenshot using Chrome’s Developer Tools
There are two ways of doing this:
- Using Device Mode
- Using Command Menu
Using Device Mode
Here’s how to capture full page screenshot using Device Mode:
- Make sure you are running the latest version of Chrome (Chrome 59) by selecting Chrome’s Main Menu (three vertical dots) in the top-right corner > Help > About Google Chrome or going to chrome://help. This will force refresh an update. After updating, click Relaunch.
- Open DevTools by selecting Chrome’s Main Menu in the top-right corner > More tools > Developer tools. You can also open it by pressing Control+Shift+I in Windows & Linux or Command+Option+I in Mac. Alternatively, you can right-click on any part of the page and select Inspect to open DevTools from the menu displayed.
- Toggle device toolbar to enter the responsive Device Mode. You can also press Control+Shift+M in Windows & Linux or Command+Shift+M in Mac while focusing the mouse pointer on DevTools window.
- Specify your preferences (such as device type, etc.,) and select Capture full size screenshot in the More options menu.
Using Command Menu
Here’s how to capture full page screenshot using Command Menu:
- Open Chrome’s DevTools using the above steps.
- Press Control+Shift+P in Windows & Linux or Command+Shift+P in Mac to open the Command Menu.
- Start typing screenshot and select Capture full size screenshot. That’s it.