Ankit_Add

Monday, December 18, 2017

Capture Full page Screenshots using Chrome Browser

While working everyone feels the need of taking full-page screenshots but Its always hard to take the full page screenshot as normal screenshot works on the page area which is in the frame. Like on Mac we use Command + Shift + 4 and select the area and take the screenshot but in this method, we can not scroll down and take the part hidden in the screenshot. Like I took a screenshot of BBC.com website here.
screenshot-with-frame-only
Screenshot covers only the part of the website which is in the frame and in focus and we can not scroll down. Now we will use the Google Chrome in build screenshot capturing tools which are very easy to use. I took a screenshot of the same BBC.com website using the chrome tool and following is the result.
full-page-screenshot-of-bbc-website
Looks nice!!!
So how we can use Google developer tools to take this screenshot, Follow the simple steps below. On Mac 1. Do Alt + Command + I which will open the Developers tool. 2. Now do Command + Shift + P and search for “Capture Screenshot” 3. Select the option of taking the screenshot from the list appeared.
google-Chrome-Dev-tool
After selecting the option from the list Screenshot file would be downloaded automatically to your Downloads folder on the local machine.
Following is the GIF I made to show how it looks like in Chrome developer tool.capture-screenshot gif-in-action

No comments:

Post a Comment