The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →To screenshot a Chrome tab, open DevTools, open the device toolbar, select More options, then choose Capture screenshot. That saves the visible webpage viewport. Choose Capture a full size screenshot from the same menu when you need the entire page, including content below the fold. On ChromeOS, use the system shortcuts when you need the whole display or a selected screen region.
This guide answers “How do I screenshot a Chrome tab?”, “How do I take a full-page screenshot in Chrome?”, and “How do I capture only part of a webpage?” without adding the browser’s address bar or other tabs to a webpage capture.
Choose the capture scope first
The right command depends on whether you need the webpage or the whole display. DevTools is page-oriented; operating-system shortcuts are display-oriented.
| What you need | Best method | What is included | Browser chrome included? |
|---|---|---|---|
| Visible content in the current tab | DevTools > device toolbar > More options > Capture screenshot | The current webpage viewport | No |
| The complete webpage, including below the fold | DevTools > device toolbar > More options > Capture a full size screenshot | The page beyond the currently visible viewport | No |
| The entire monitor or desktop | ChromeOS full-display shortcut, or your operating system’s screen-capture utility | Everything visible on the display | Yes, if it is visible |
| A rectangular screen area | ChromeOS selected-region shortcut, or your operating system’s region tool | The area you drag over | Yes, if it is inside the selection |
If your goal is a clean image of a website, use DevTools. Use a display capture when you need browser tabs, the address bar, another window, or a precise on-screen region.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
#1 Best Overall
How to capture the visible Chrome tab with DevTools
This is the quickest built-in method for the content currently visible in the tab.
- Open the page you want to capture in Chrome.
- Open DevTools. On Windows or Linux, press Ctrl+Shift+I or F12. On macOS, press Command+Option+I.
- If the device toolbar is not visible, enable it from the DevTools toolbar. The toolbar provides the device and viewport controls.
- Open the device toolbar’s More options menu.
- Choose Capture screenshot.
- Save the image when Chrome presents the save dialog. The result represents the webpage viewport, not the surrounding browser interface.
The viewport is the portion of the page currently rendered in the tab. Anything below the fold is outside this capture, so scroll first if you want a different visible section.
When the DevTools panel changes the layout
Docked DevTools can reduce the page’s available width. If the screenshot looks narrower than the normal tab, use the device toolbar controls to set the viewport you want before selecting Capture screenshot. The command captures that emulated viewport rather than the physical browser window.
How to take a full-page screenshot in Chrome
Use the second DevTools command when the page extends below the fold.
Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Rank #2
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
- Open the webpage and DevTools with Ctrl+Shift+I or F12 on Windows/Linux, or Command+Option+I on macOS.
- Turn on the device toolbar if it is hidden.
- Open More options.
- Select Capture a full size screenshot.
- Save the resulting image.
Chrome captures the whole webpage, including content that is not currently visible in the viewport. This is the appropriate built-in command for an article, landing page, documentation page, or other long page when you do not need the address bar or other desktop content.
Full-page capture versus repeatedly scrolling
A full-size capture is one page-oriented operation. You do not need to take several viewport images and stitch them manually. If a page has a very long or changing layout, check the saved result and recapture after the page has finished rendering; Chrome’s menu labels and behavior can change with browser updates.
How to capture only part of a webpage
There are two different meanings of “part of a webpage.”
A visible region of the screen
On ChromeOS, press Ctrl + Shift + Show windows to start a partial screenshot, then drag over the region you want. This is a display selection, so it can include the page, browser controls, or another visible window.
Rank #3
A particular section of a long page
Use the DevTools viewport command after scrolling the target section into view. DevTools captures what is currently in the viewport, so the saved image contains that visible page area without requiring a full-page image.
Chrome’s built-in commands do not use the same scope as a display-region tool: the DevTools command is webpage-focused, while the ChromeOS shortcut is a rectangle on the screen.
Platform shortcuts and what they mean
Windows and Linux
- Ctrl+Shift+I or F12 opens DevTools.
- Use the device toolbar’s More options menu for either viewport or full-size webpage capture.
macOS
- Command+Option+I opens DevTools.
- The same device-toolbar commands capture the visible viewport or the full webpage.
ChromeOS
- Ctrl + Show windows captures the full display.
- Ctrl+Shift + Show windows starts a selected-region capture.
- For a clean webpage extending below the fold, use DevTools’ Capture a full size screenshot instead of a display capture.
Troubleshooting Chrome screenshot captures
The device toolbar or More options menu is missing
Make sure DevTools is open and the device toolbar is enabled. The screenshot commands live in that toolbar’s More options menu, not in the ordinary Chrome three-dot menu.
The capture contains only the visible section
You selected Capture screenshot, which is a viewport capture. Reopen More options and choose Capture a full size screenshot for content below the fold.
Rank #4
- Brand: Wiley
- Set of 2 Volumes
- A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers
The image includes the address bar or another window
You used a display or region shortcut. Switch to the DevTools command for a webpage-only image. Display captures intentionally include whatever is visible inside the selected screen area.
DevTools opened but the page looks compressed
Docked DevTools changes the available viewport width. Adjust the device-toolbar viewport before capturing, or undock DevTools if you need more room to inspect the page. The capture follows the active viewport settings.
The shortcut does nothing
Use the menu path instead of the keyboard shortcut: open DevTools from Chrome’s interface, enable the device toolbar, then choose the capture command. Keyboard mappings and labels can vary after Chrome or ChromeOS updates.
The page changed between captures
Wait until the content you need is visible, then run the command again. A viewport capture records the rendered state at that moment; a full-size capture records the page state Chrome can render for the operation.
Privacy and workflow checks before saving
- Confirm the correct tab and account are open before capturing.
- For a page-only image, prefer DevTools so browser tabs, bookmarks, notifications, and other windows are not part of the screenshot.
- For a selected-region display capture, inspect the rectangle before saving because anything inside it will be included.
- Use the full-size command only when you need content below the fold; a viewport image is easier to share when the visible section is all that matters.
Or skip the browser setup
If you need repeatable screenshots in a script, CI job, documentation pipeline, or AI workflow, ScreenshotNeo returns a screenshot or PDF from one GET request. Its API can capture a viewport or full page, load lazy images, target one element with a CSS selector, emulate dark mode, use 12 device presets or any viewport, set retina scale, and produce PNG, JPEG, WebP, or PDF output.
For a direct request, see the ScreenshotNeo API documentation. Replace the example URL with the page you are allowed to capture:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpPython
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://example.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://example.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Options useful for production captures
- Wait for a selector, a delay, or network idle; click an element before capture; hide selectors; and add custom CSS or JavaScript.
- Block ads, trackers, selected requests, or resource types.
- Send custom headers, cookies, a user agent, or an Authorization value; set timezone and geolocation; and choose a transparent background.
- Resize images, cache results with a TTL you choose, create signed links for public
<img>tags, submit asynchronous jobs with signed webhooks, or capture up to 100 URLs per bulk call. - Use the usage API and OpenAPI specification. Parameter names used by other screenshot APIs also work, which can simplify migration.
Why the billing result matters
ScreenshotNeo accepts cookie or consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each cleanup step can be disabled. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed. Every response identifies the result with X-Page-Verdict and X-Billed headers.
An MCP server provides take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients.
Do these 3 things before closing this tab:
1Fix the driver behind crashes, sound loss and screen glitches2Clear out junk files and repair common Windows errors3Scan for outdated or missing drivers - takes under a minute| Plan | Included screenshots | Price |
|---|---|---|
| Free | 1,000 per month | $0, no card |
| Starter | 3,000 | $5 |
| Growth | 15,000 | $15 |
| Pro | 60,000 | $39 |
| Scale | 250,000 | $99 |
| Business | 1,000,000 | $249 |
Every feature is available on every plan, and yearly billing gives two months free. Create a free ScreenshotNeo account to get 1,000 screenshots a month with no card; paid plans start at $5 for 3,000 screenshots.
A practical decision checklist
- Need only what is visible in the webpage? Use DevTools’ Capture screenshot.
- Need everything below the fold? Use Capture a full size screenshot.
- Need the address bar, another tab, or another window? Use a display capture.
- Need a rectangle anywhere on the screen? Use the ChromeOS selected-region shortcut or your operating system’s region tool.
- Need repeatable, automated, cleaned captures? Use the ScreenshotNeo API or MCP server.
Frequently Asked Questions
Can a DevTools screenshot include the browser’s address bar?
No. DevTools capture is page-oriented and records the webpage viewport or full webpage. Use a display capture when browser chrome must be visible.
Which Chrome command captures content below the fold?
In the device toolbar’s More options menu, choose Capture a full size screenshot.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
