you might use menus or keyboard shortcuts to pull up the developer tools.
PressCtrl + Shift + Ion a PC, orCommand + Option + Ion a Mac.
Alternatively, poke the three-dot menu icon and selectMore tools>Developer tools.
Doing this opens the Element Inspector developer menu, which shows the web page’s HTML coding.
Chrome Developer Screenshot Options
SelectCapture area screenshotto grab part of the screen.
Use your mouse to drag a box around the area you want to screenshot.
To get a screenshot of an entire web page, selectCapture full size screenshot.
This option lets you get an image of a web page that doesn’t fit comfortably on one screen.
This option had mixed results in our testing, depending on the website.
If you want a standard screenshot, chooseCapture screenshot, which grabs what’s visible on your screen.
Finally, you’re able to get a screenshot of an HTML element by choosingCapture node screenshot.
After you capture a screenshot, you’ll get a Save dialog box.
Choose a folder and give your screenshot a filename.
All screenshots captured using Developer tools are also available in Chrome’s download manager.
