Chrome DevTools can capture a selected area, one page element, the visible screen, or the entire page. Choose the method that matches the image you need: use the Command Menu for a drag-selected region, the Elements panel for one DOM element, or Device Mode for a viewport or full-page capture.
Choose the screenshot type you need
| What you want to capture | DevTools method |
|---|---|
| A rectangle you select by dragging | Capture area screenshot |
| One page element | Capture node screenshot |
| Only what is currently visible | Device Mode: Capture screenshot |
| The whole page, including off-screen content | Device Mode: Capture a full size screenshot |
Capture a selected area
- Open the website in Chrome and open DevTools. On Windows, press Ctrl+Shift+I, or use Chrome’s menu to open Developer tools.
- Keep DevTools docked to the browser window. Area capture does not work when DevTools is undocked.
- Press Ctrl+Shift+P to open the DevTools Command Menu. Alternatively, open DevTools’ Customize and control menu and choose Run command.
- Type screenshot, then select Capture area screenshot.
- Drag across the page to select the region you want. Chrome captures the selected area and saves the image.
The Command Menu’s area tool works much like a snipping tool, but the selection is made on the page in Chrome. Chrome DevTools Command Menu documentation (last updated 2024-09-04 UTC) describes the feature.
Capture one page element
- Open DevTools and select the Elements panel.
- Find the element in the DOM tree. To locate it, use the element picker control in DevTools and click the element on the page, or expand the relevant nodes in the tree.
- Right-click the desired DOM node and select Capture node screenshot.
This captures the selected node rather than the whole viewport. Chrome’s guide says the screenshot is saved to Downloads on Windows and macOS. See Chrome DevTools: View and change the DOM.
Capture the visible screen or the full page
- In DevTools, select Toggle device toolbar to open Device Mode.
- In the device toolbar, open More options.
- Choose Capture screenshot for the current visible viewport, or Capture a full size screenshot to include page content outside the viewport.
These two commands produce different results: the first captures only the displayed viewport; the full-size option captures the page beyond the visible area. Device Mode also supports emulated device views. Chrome documents these controls in its Device Mode guide.
#1 Best Overall
- 14" diagonal, 1366x768 resolution, HD BrightView LED, Glossy NON-TOUCH Display
Or skip the browser setup
If you need screenshots in a script or workflow instead of using DevTools by hand, ScreenshotNeo is a website screenshot API and MCP server. One GET request returns an image or PDF. For example, this cURL command requests a WebP screenshot; replace the URL with the page you want and use your API key:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for request options. Cookie banners, popups, and chat widgets are removed before capture; bot checks, blank pages, and failed loads are not billed. Its MCP server lets AI agents take screenshots. The Free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Sign up for free.
Troubleshooting
- “Capture area screenshot” is unavailable or does not work: Dock DevTools to the browser window and try again. Area capture requires DevTools to remain docked.
- The Command Menu shortcut does not open: Click inside DevTools first, then press Ctrl+Shift+P. You can also open the DevTools menu and choose Run command.
- The screenshot omits content below the fold: Use Device Mode’s Capture a full size screenshot, not Capture screenshot, which is for the current viewport.
- You captured the wrong element: Return to Elements, select the intended DOM node, and invoke Capture node screenshot on that node.
- You cannot find the saved node screenshot: Check the Windows Downloads folder.
More DevTools screenshot options
Chrome’s DevTools documentation also describes other screenshot approaches, including device and mobile captures. For a broader overview of the available methods, see 4 ways to capture screenshots with DevTools.
Quick Recap
Best Value
- WINDOWS 11 | STABLE PERFORMANCE: Powered by Intel Celeron N4020 processor and Windows 11 system, this laptop delivers stable performance for everyday computing tasks. It supports web browsing, online learning, document editing, email communication, and basic office work with optimized power efficiency, providing a practical and reliable experience for essential daily use for daily use.
- 15.6” FHD IPS DISPLAY: Features a 15.6-inch Full HD IPS display with narrow bezels, offering wider viewing angles and clearer image details compared to standard panels. The improved screen-to-body ratio enhances visual experience for study, reading, document work, and video playback, making it suitable for both productivity and entertainment use.
- 4GB DDR4 + 128GB eMMC STORAGE: Equipped with 4GB DDR4 memory and 128GB eMMC storage for everyday basics such as browsing, documents, email, and online learning platforms. The built-in TF card slot supports storage expansion up to 1TB, giving you more flexibility for files, photos, videos, and daily documents. TF card not included.
- CONNECTIVITY & PORTS: Includes 1× TF card slot, 2× USB 3.2 Gen1 ports, and 2× full-featured Type-C ports (USB 3.2 Gen1). The Type-C ports support data transfer, charging, and video output, enabling flexible connection with external devices such as monitors, storage, and peripherals for daily work and study use.
- LIGHTWEIGHT DESIGN | ONLINE COMMUNICATION: Designed with a slim, portable profile, this laptop is easy to carry for school, commuting, and travel. A built-in 1MP front camera supports online classes, video meetings, remote communication, and everyday conferencing. The 3300mAh battery works with the low-power system design to support practical daily use, while thermal optimization helps maintain quieter operation during extended tasks.
Rank #4
- EFFORTLESS EVERYDAY PERFORMANCE: Powered by Intel Celeron N4020 processor and Windows 11 Home system, delivering reliable, low-power efficiency for daily tasks like document editing, email, online classes, and web browsing
- 15.6-INCH FULL HD DISPLAY: Enjoy immersive visuals on the 15.6" FHD (1920x1080) anti-glare screen with micro-edge bezels. Delivers clear details and comfortable viewing for long study sessions, working on spreadsheets, and video playback
- RESPONSIVE MULTITASKING & STORAGE: Built with 4GB LPDDR4 RAM and 128GB eMMC storage for smooth daily essential use. Expand your storage by up to 1TB via the integrated TF card slot to easily store movies, photos, and working files
- ADVANCED CONNECTIVITY: Outfitted with 2x Full-Featured Type-C ports for data transfer, fast charging, and dual-monitor output, alongside 2x USB 3.2 Gen1 ports and a 3.5mm audio jack for complete peripheral compatibility
- LIGHTWEIGHT & SILENT OPERATION: Slim and portable for effortless travel or commuting. Features a 1MP HD webcam for remote meetings, 38Wh battery with 45W Type-C fast charging, and a fanless silent design for peaceful work environments.
Rank #3
- 256 GB SSD of storage.
- Multitasking is easy with 16GB of RAM
- Equipped with a blazing fast Core i5 2.00 GHz processor.
Rank #2
- 1.1 GHz (boost up to 2.4GHz) Intel Celeron N5030 Quad-Core
- 4GB DDR4 System Memory; 128GB Solid State Drive
- 11.6" HD (1366 x 768) Multi-Touch Display
- Combo headphone/microphone jack - Noble Wedge Lock slot - HDMI; 2 USB 3.1 Gen 1
- Windows 11 Pro
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.
