This exclusive tutorial by Geeker Magazine has specifically been developed to help our novice users learn the ropes to capturing screenshots of web pages while on Google Chrome without using any extensions or Chrome add-ons. You will also learn how to include device frames to get enchanting and utterly authentic screenshots.
While you’re using Google Chrome there are certainly myriad ways to capture screenshots of webpages you desire to save for later use or viewing. You can use the old fine Print Screen key (alternate Cmd+Shift+4 for Mac users), use a snapshot tool like SnagIt, Windows Snipping Tool or Madcap Capture, other superior ones, or perhaps go easy and get a dedicated screen capture Chrome plug-in like Smartshot that helps you capture webpages and annotate, share or upload them to the cloud effortlessly.
But Google, with the launch of its new version of Google Chrome browser, has made things lot easier than ever. Google Chrome now has built-in screenshot capturing capability that can handy for you anytime you wish to capture a webpage without having to install any additional plug-in or add-on.
More interesting is the fact that you can also add device frames to the images you capture to give them more realistic mobile touch.
How to Screen Capture in Google Chrome
Get started by opening any web page in Google Chrome. Navigate to Settings > Tools > Developer Tools. As an alternate, you can press F12 on your keyboard or Cmd+Opt+I on your Macintosh to straightaway open the Dev Tools Window on Google Chrome.
Now toggle on your ‘device toolbar’ button, blue button denotes a turned on toolbar. You we see a built-in listing of device presets. Click on the rotate icon, with zoom set to 100%, to change the default display orientation, the default is set to portrait mode.
You’re almost there now. On the right is a 3-dot menu that you need to turn on to activate device frame. Then choose Capture Screenshot from the given menu to save device screenshot to your computer in PNG file format.
Capture Screenshots in Firefox
If you intend to capture webpage or blog screenshots in Firefox without using any plug-in, extension or add-on, you can do it effortlessly using the tips given below.
While Google Chrome can only take screenshot of the visible region of a web page, the developer tools on Firefox are much extensive and robust enough to help you capture screenshot of an entire webpage and auto-save it to the default download folder on your PC.
Go to Web developers tools in Firefox and, within the Settings menu, turn on – “Take a screenshot of the entire page”. Firefox adds a camera icon onto the Developer Toolbar, thence allowing you to take screenshots of web pages with just one click.
So, that was it! Why not to try your hands on a web page now. Please feel at ease to post your comments below.