Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more

Sign in to the website in Chrome, open the page you want to capture in that same tab, then use Chrome DevTools’ Device Mode menu to take a full-page or viewport screenshot. You do not need to export or copy login cookies: capture the page as it appears in your authenticated browser tab.

Before you capture: open the authenticated page

  1. Sign in through the website’s normal login flow in Chrome.
  2. In the same tab, navigate to the page and state you want to show. Wait for its content to load and open any menus or overlays that should appear in the image.
  3. Open DevTools and turn on Device Mode with the device toolbar control.

Websites commonly use cookies to manage sessions; Chrome’s documentation describes how cookies appear in DevTools, including session cookies marked with an expiry of “Session.” You can capture the page without handling those credentials. Chrome: View, add, edit, and delete cookies.

Choose the right screenshot type

What you need DevTools action What it captures
The whole document Device Mode > More options > Capture a full size screenshot The page including content outside the visible viewport.
Only the current view Device Mode > More options > Capture screenshot The viewport currently shown in Device Mode.
A selected crop Command Menu > search “screenshot” > Capture area screenshot, then drag over the area The region you select.

Chrome documents the full-page command as capturing the whole page, including content not visible in the viewport. Chrome: Simulate mobile devices with Device Mode.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Capture a full-page or viewport screenshot

  1. With the target page open, open DevTools and select the Device Mode toolbar control.
  2. Open the Device Mode More options menu.
  3. Choose Capture a full size screenshot for the entire document, or Capture screenshot for the current viewport.
  4. Open the saved image and verify that it shows the intended page and content.

Menu wording can vary between Chrome releases. If you do not see the documented action, check that Device Mode is enabled and consult the current Device Mode documentation.

#1 Best Overall
Sale
Capture Card, 4K HDMI Video Capture Card, Game Capture Card, 1080P 60FPS Video Capture Device, HDMI to USB 3.0 Capture Card for Streaming, Work with Camera/Xbox/PS4/PS5/PC/OBS
  • 【1080P HD High Quality】Capture resolution up to 1080p for video source and it is ideal for all HDMI devices such as PS4, PS3, Xbox One, Xbox 360, Wii U, DVDs, DSLR, Camera, Security Camera and set top box. Note: Video input supports 4K30/60Hz and 1080p120/144Hz. Does not support 4K120Hz/144Hz. Output supports up to 2K30Hz.
  • 【Plug and Play】No driver or external power supply required, true PnP. Once plugged in, the device is identified automatically as a webcam. Detect input and adjust output automatically. Won't occupy CPU, optional audio capture. No freeze with correct setting.
  • 【Compatible with Multiple Systems】suitable for Windows and Mac OS. High speed USB 3.0 technology and superior low latency technology makes it easier for you to transmit live streaming to Twitch, Youtube, Facebook, Twitter, OBS, Potplayer and VLC.
  • 【HDMI LOOP-OUT】Based on the high-speed USB 3.0 technology, it can capture one single channel HD HDMI video signal. There is no delay when you are playing game live.
  • 【Support Mic-in for Commentary】Rybozen capture card has microphone input and you can use it to add external commentary when playing a game. Please note: it only accepts 3.5mm TRS standard microphone headset.

Capture only a selected area

  1. Open the DevTools Command Menu with Ctrl+Shift+P on Windows or Linux, or Cmd+Shift+P on Mac.
  2. Type screenshot and select Capture area screenshot.
  3. Drag across the page to select the region you want.

Keep DevTools docked in the browser window: Chrome notes that area capture does not work when DevTools is undocked. Chrome: Run commands in the Command Menu.

Do not confuse page screenshots with Network load frames

The Network panel has a separate Capture screenshots setting. It records frames of what appears while a page loads after a reload; it is not the ordinary one-off capture of the page currently displayed. To use it, open Network, enable Capture screenshots in Network settings, then reload while Network is focused. See Chrome: Network features reference.

Check privacy before sharing

A screenshot shows whatever the logged-in page renders. Review it for account names, messages, billing details, or other private information before sending or publishing it, and follow your organization’s rules for confidential content.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
Elgato 4K S Capture Card for PS5, Xbox Series X/S, Switch 2
  • 4K60 Capture: Record in cinematic quality with crisp detail and vivid colors
  • HFR Support: Play and capture in 1440p120 or 1080p240
  • HDR10 Support: Capture brilliant HDR content with tone mapping on Windows
  • Cross-Platform Compatible: Works with PS5, Xbox Series X/S, Switch 2, and more
  • Analog Audio In: Capture in-game chat or commentary with 3.5mm input

A HAR file is different from a screenshot. Chrome DevTools’ sanitized HAR export excludes sensitive request headers such as Cookie, Set-Cookie, and Authorization by default; exporting with sensitive data is a separate option in settings. Avoid sharing a sensitive HAR unless necessary and appropriate for the recipient. Chrome: Network features reference.

Troubleshooting

The screenshot shows a login page or interstitial

Check that you are still signed in, then revisit the intended page in that same tab and wait for its content to load before capturing. DevTools captures the page it is given; it does not create a separate authenticated session.

Capture area screenshot is unavailable or fails

Dock DevTools to the browser window, reopen the Command Menu, search for “screenshot,” and choose Capture area screenshot again.

Rank #3
Capture Card 4K HDMI Video Streaming to USB 3.0 1080P 60FPS Capture Device
  • High-Quality Video Capture, 4K HDMI Capture Card Ready: Capture smooth and vibrant video with this 4K HDMI capture card, engineered for gamers and content creators who demand crisp 1080P 60FPS video quality. Whether you're streaming to Twitch or recording gameplay for YouTube, your footage will look professional and detailed
  • Plug-and-Play USB Capture Card, No Drivers Needed: Designed as a USB capture card for streaming, this device works instantly out of the box, just plug into your PC or laptop and start capturing. Fully compatible with popular software like OBS Studio, Streamlabs, and XSplit, making setup quick and stress-free for beginners and pros alike
  • Universal Compatibility PS5, Xbox, Switch & More: Stream or record gameplay from virtually any HDMI-enabled device including Nintendo Switch, PS5, Xbox Series X, DSLR cameras, and PCs. The video capture card for gaming supports seamless passthrough so you can play without lag while your audience watches every frame in real time
  • Low-Latency Performance for Smooth Streaming: This capture card for streaming minimizes delay between gameplay and broadcast, so you get reliable, low-latency capture that works well for competitive gaming, live broadcasts, and podcast sessions. Suitable for those building their channel with high-quality, engaging content
  • Compact & Portable Design for Content Creators: Lightweight and portable, this USB 3.0 capture card works well for creators who travel or switch gaming setups often. Throw it in your bag and stream or record wherever you are, at home, events, LAN parties, streaming or studio sessions

The screenshot is missing content below the fold

Use Capture a full size screenshot from Device Mode’s More options menu. Capture screenshot is for the current viewport, not the entire document.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

You captured loading frames instead of the current page

Turn off the Network panel’s Capture screenshots option if it is not needed. For a single capture of the page as it currently appears, use Device Mode’s screenshot command instead.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo can return a website screenshot with one GET request. It is designed for website capture workflows: it accepts cookie or consent banners and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and the response identifies the page verdict and billing status. Its MCP server provides screenshot and page-info tools for AI agents.

Example using cURL (replace the URL with the page to capture):

Rank #4
4K Capture Card Game Capture Card 1080P 60FPS for Streaming
  • 【Full HD Video Capture Card】The capture card captures video and audio simultaneously, transmits the signal to your computer for preview or storage, and shares the video output to the screen. The capture card supports up to 4K30Hz input and Full HD 1080p60fps video capture, high-speed transmission without delay. Suitable for streaming media, video conferencing, game live streaming and other use scenarios
  • 【3.5MM Microphone Input and Headphone Output】You can connect the capture card for streaming to a headphone connection with a 3.5.mm audio output port, and you can also connect the capture card to a 3.5mm microphone so you can easily stream sound and record your voice through the port. You can also use it to freely add external commentary while playing games. Note: Do not use a hub or USB extension cable, the USB port of the product must be connected to the USB 3.0 port of your computer for use
  • 【HD 1080P 60fps Signal Loop-Out】The Hi-Speed USB 3.0 port of the capturadora de video para streaming provides 1080P60FPS video signal and excellent low-latency technology, allowing you to transmit live streams to Switch/Potplayer/VLC/Twitter/OBS more easily.The output port can provide up to 1080P60Hz output resolution, outputting a clean and clear image quality with no latency. image quality with no latency. Note: Maximum output is 1080P60Hz only
  • 【Wide range of compatibility】This game capture card utilizes an advanced chip for compatibility with PC, PS5, PS4, X-box, Switch, DVD, DSLR, camcorder, webcam and more. Suitable for operating systems such as Windows, Linux and Ma-c OS. High-speed transmission without delay, record wonderful moments and enjoy good times. No need to install driver or external power supply, the device will automatically recognize as webcam when plugged in, detect the input and adjust the output automatically
  • 【Our Service】After purchasing the switch capture card capturadora, you will receive: 1 x Capture Card, 1 x USB 3.0 Cable, 1 x User Manual. Service: 1. One year warranty service; 2. Professional technical assistance
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

See the ScreenshotNeo API documentation for request options. The service includes 1,000 screenshots per month free with no card; paid plans start at $5 for 3,000. Sign up for ScreenshotNeo and get 1,000 free screenshots a month with no card.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Frequently Asked Questions

Can DevTools capture a page while I am logged in without exporting cookies?

Yes. Sign in normally and capture the page in the same authenticated Chrome tab; there is no need to copy or export login cookies.

Why is my full-page capture different from what I see in the viewport?

A full-size screenshot includes content beyond the current viewport, while Capture screenshot records only the current view.

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.