#CHROME FULL PAGE SCREENSHOT COMMAND FULL SIZE#
This option allows us to select the specific part on the webpage and then take a screenshot of the selected part.Īs the name suggests, this option allows us to take the full size screenshot of the webpage, i.e. All of the 4 options can be used for taking screenshots but all four of them have use cases. Once we type the word “screenshot”, we get 4 results/options out of which we can choose any one option at a time. In our case, the command is the word “screenshot”. You can do this with the keyboard by pressing,Īfter step 3 is done, a command box will appear and will have to type our command in the command box. Open the console by right click > inspect.Ī dev tools console panel/window will open.Ĭlick on elements tab (or any tab from the dev tools panel) and then click the three vertical dots on the extreme right of the panel for more options, a dropdown will appear which will allow us to choose our option i.e Run command. Visit the website we want to take the screenshot of. We will consider for our example purpose. What if I told you that you can take screenshots in chrome without using any third-party extension and that too with extra flexibility? The thing about extension is that they may have vulnerabilities and they eventually tend to make our browser slow.
Generally, for taking sc r eenshots in chrome we use chrome extensions. We all do that right? Maybe once a day or maybe more than that.
Once that is done, we take a screenshot of the edited webpage and share it with our colleagues, teams, or clients.
We either want to add content to a web page or edit the content of the page and for that, we use the inspect element tool of chrome. A tutorial for using google chrome’s dev tools to take screenshots of a webpage.īeing a designer or a frontend developer we deal with this thing daily.