Recommended Free Tools
Some links on this page are affiliate links: if you buy through them we may earn a commission, at no extra cost to you.
Short answer: Chrome does not document a built-in screenshot command that you type into the DevTools Console. For a manual screenshot, open DevTools’ Command Menu with Ctrl+Shift+P (Windows/Linux) or Command+Shift+P (Mac), search for screenshot, choose Capture area screenshot, and drag over the page. Keep DevTools docked: Chrome says area capture does not work when DevTools is undocked.
The Console remains useful for running JavaScript and inspecting or changing the page. It is simply a different DevTools surface from the screenshot commands. This guide shows the correct workflow for area, node, full-page, mobile, and analysis screenshots, explains the Console’s role, and gives a repeatable API option when you need automation.
Is there a screenshot command in the Chrome Console?
Not in Chrome’s documented DevTools workflow. The Console is a JavaScript REPL: you enter JavaScript, inspect objects, query the DOM, and modify page state. Chrome’s documented screenshot commands are exposed through the Command Menu and DevTools panels instead.
Open the Console directly with Ctrl+Shift+J on Windows, Linux, or ChromeOS, or Command+Option+J on macOS. Open the Command Menu with Ctrl+Shift+P on Windows/Linux or Command+Shift+P on Mac. These shortcuts are different because they open different tools.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
You can use the Console before a capture—for example, to expand an accordion, remove a temporary overlay, or inspect a selector—then use the documented screenshot command. Do not assume that typing a word such as screenshot in the Console will save an image; that is not the documented Chrome method.
Capture a selected area
- Open the page you want to capture in Chrome.
- Open DevTools. You can press the Console shortcut if you need to run JavaScript first, or open DevTools normally.
- Make sure DevTools is docked to the browser window. If it is floating in a separate window, redock it before attempting area capture.
- Press Ctrl+Shift+P on Windows/Linux or Command+Shift+P on Mac to open the Command Menu.
- Type screenshot.
- Select Capture area screenshot.
- Click and drag across the part of the page you need. Release the pointer to capture the selection.
Chrome downloads the resulting image using its normal download behavior. If the command is missing or the drag selection does nothing, check the docking state first; area capture will not work while DevTools is undocked.
Use the Console to prepare the page
The Console can change what is visible before you capture it. This is useful for a temporary, local capture, not for editing the live site for other visitors.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Inspect an element
Run a selector query to confirm that the target exists:
document.querySelector('.pricing-card')
To inspect all matching elements:
document.querySelectorAll('nav a')
The returned nodes are interactive Console results. You can expand them to inspect attributes, text, and computed relationships.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Reveal hidden content
If a panel is hidden with an inline style, you can temporarily reveal it:
document.querySelector('.details').style.display = 'block'
Use the site’s real selector and property. A page may hide content with a class, an ancestor, or a framework state, so changing one style is not guaranteed to reveal everything.
Hide an obstruction for your local capture
For a one-off capture, you can hide a cookie prompt or fixed toolbar by selecting it and changing its visibility:
document.querySelector('.cookie-banner').style.display = 'none'
This change exists only in your current page state and may disappear on reload. Do not use this technique to bypass access controls, bot checks, or consent requirements on sites you do not control.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
Change the page only when you understand the effect
Console code executes with the page’s privileges. Treat pasted code as untrusted: inspect it before pressing Enter, and do not paste secrets, tokens, or passwords. A capture made after DOM changes is a modified representation of the page, so document those changes if the image is evidence or part of a bug report.
Choose the DevTools screenshot method that matches your goal
| Goal | DevTools location | What it captures | Important limitation |
|---|---|---|---|
| Selected rectangle | Command Menu → Capture area screenshot | The region you drag over | DevTools must be docked |
| One DOM element | Elements panel, then the node screenshot command | The selected element’s rendered bounds | Choose the intended node, not merely its parent container |
| Element larger than the viewport | Elements panel screenshot options | The selected node, including content beyond the visible viewport when supported by the command | Very tall or dynamically rendered content may need checking after capture |
| Entire page | Command Menu or DevTools screenshot options | A full-page rendering rather than only the viewport | Lazy-loaded content can change as the page is captured |
| Mobile appearance | Device emulation plus the screenshot command | The emulated viewport, optionally with a device frame where offered | Emulation is not identical to every physical handset |
| Page-load states | Network panel with Capture screenshots enabled | Frames during a reload | This is a timeline of loading, not a manually selected image |
| Performance frames | Performance panel while recording | Visual states aligned to a performance recording | Use the recording controls rather than the Console |
Chrome’s DevTools screenshot guidance covers node, oversized-node, mobile, full-page, area, and customized captures. The Network and Performance panels add screenshot timelines for diagnosing loading and rendering behavior.
How to capture a full-page screenshot
- Open DevTools and the Command Menu.
- Search for screenshot.
- Choose the full-page capture command shown by your Chrome version.
- Wait for the image to be generated and verify the downloaded file from top to bottom.
For a page with lazy images, scroll through the page first if you need every image loaded. Lazy-loading scripts may not request images that have never approached the viewport. Full-page capture can also expose sticky headers repeatedly or include content that changes while the browser scrolls; inspect the result rather than assuming it is identical to a static printout.
Capture a DOM node
- Open the Elements panel.
- Use the element picker or the DOM tree to select the exact node.
- Open the node’s context menu or the available screenshot action.
- Choose the command for capturing the node, then check the resulting image for clipping, overflow, and pseudo-elements.
A node screenshot is preferable to an area drag when you need a card, chart, or component with repeatable boundaries. If the node is larger than the viewport, use the oversized-node option when Chrome presents it.
Capture a mobile view
- Open device emulation with the DevTools device toolbar.
- Select a device preset or set a custom viewport and device pixel ratio.
- Reload if the site changes its layout or resources only during navigation.
- Use the screenshot command for the emulated viewport, and choose a device-frame option if your Chrome version offers one.
Record the preset, viewport, scale, and orientation with the image if the screenshot is used for a bug report. A responsive layout can depend on width, height, pixel ratio, user agent, touch capability, and loaded state—not just the device name.
Capture screenshots while diagnosing loading or performance
Network panel
- Open the Network panel.
- Enable Capture screenshots in the panel settings.
- Reload the page.
- Review the screenshot frames alongside requests and timing information.
This helps you correlate visual changes with document, stylesheet, script, font, and image requests. It does not replace the Command Menu’s manual area capture.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Performance panel
- Open the Performance panel.
- Start a recording.
- Interact with or reload the page as needed.
- Stop the recording and inspect screenshot frames on the timeline.
Performance screenshots show what was painted during a recording, which is useful for diagnosing rendering and layout shifts. They are not a single command entered in the Console.
Why area capture may fail
- DevTools is undocked: redock it, reopen the Command Menu, and run Capture area screenshot again.
- The wrong shortcut was used: Ctrl+Shift+J or Command+Option+J opens Console; Ctrl+Shift+P or Command+Shift+P opens the Command Menu.
- No screenshot result appears: type the complete word screenshot and inspect the filtered commands rather than pressing Enter on a partial search.
- The image is clipped: capture the DOM node or full page instead of a viewport rectangle, and check overflow styles.
- The page changed between attempts: wait for fonts, images, animations, and asynchronous data to settle. Pause an animation in the Elements or Sources workflow when a stable frame is required.
- A consent or chat overlay blocks the target: use the site’s controls where appropriate, or temporarily hide an element you own and clearly note that the page was altered.
- Text looks soft: increase the emulated device scale or capture at the intended viewport; resizing an already-downloaded image cannot restore detail.
Reliability and reproducibility checklist
- Save the page URL, capture date, Chrome version, viewport dimensions, and device scale.
- Use a consistent zoom level and window size.
- Wait for network activity and web fonts to settle before capturing.
- Disable or account for animations, rotating carousels, and live timestamps.
- For dynamic pages, take more than one capture and compare the state that matters.
- Keep the original file instead of repeatedly recompressing it.
- Do not treat a screenshot as proof of hidden DOM state, accessibility, source code, or server responses.
Or skip the browser setup
If you need screenshots in a build, monitoring job, documentation pipeline, or AI workflow, a screenshot API avoids keeping a visible Chrome session configured. ScreenshotNeo returns a PNG, JPEG, WebP, or PDF from one GET request. It accepts cookie and consent banners like a visitor, then removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off.
Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchPC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Only clean shots are billed. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and the response identifies the result with X-Page-Verdict and X-Billed headers. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients.
See the complete parameter reference in the ScreenshotNeo documentation. The following examples use the requested target URL; replace it with your own URL and API key.
cURL
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp
Python
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
Node.js
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
const data = Buffer.from(await res.arrayBuffer());
require('fs').writeFileSync('shot.webp', data);
Options for production captures
ScreenshotNeo provides 63 options, including full-page capture with lazy images loaded, CSS-selector element capture, dark mode, 12 device presets and custom viewports, retina scale, PDF paper size/margins/landscape/page ranges, HTML/CSS-to-image, custom JavaScript and CSS, click-before-capture actions, hidden selectors, waits for a selector, delay, or network idle, ad/tracker/request/resource blocking, custom headers/cookies/user agent/Authorization, timezone and geolocation, transparent backgrounds, resizing, configurable-TTL caching, signed links for public image tags, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, a usage API, and an OpenAPI specification. Parameter names used by other screenshot APIs also work, which can simplify migration.
Plans and billing
| Plan | Allowance | Price |
|---|---|---|
| Free | 1,000 shots per month | $0, no card |
| Starter | 3,000 shots | $5 |
| Growth | 15,000 shots | $15 |
| Pro | 60,000 shots | $39 |
| Scale | 250,000 shots | $99 |
| Business | 1,000,000 shots | $249 |
Every feature is available on every plan, and yearly billing gives two months free. Sign up free for 1,000 screenshots a month with no card, then move to paid plans starting at $5 for 3,000 shots.
Chrome Console screenshot FAQ
Can JavaScript in the Console save a screenshot?
The documented Chrome workflow does not provide a built-in Console screenshot command. Use the Command Menu or the relevant DevTools panel; use Console JavaScript to prepare or inspect the page.
Free tools Windows power users keep installed
One-click scans. No signup required.
Does area capture work with a floating DevTools window?
No. Redock DevTools before using Capture area screenshot.
Which shortcut opens the Console on a Mac?
Press Command+Option+J.
Which screenshot method records loading progress?
Enable Capture screenshots in the Network panel for reload frames, or record in the Performance panel for timeline screenshots.
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.
