How to Screenshot a Web App in Chrome
Try it now: one click, no sign-up required.
Add to Chrome3 Ways to Get It Done
Method 1: Let the Extension Find the Scrolling Panel
This is the case the other methods cannot handle. Instead of scrolling the document, the extension looks for the element that owns the scrollbar, which in a web app is usually a message list, a chat log, or a table body. It then scrolls that element, capturing as it goes, and stitches the result. The surrounding interface, the sidebar, the composer, the top bar, is captured once rather than repeated on every screenful. Lazy loading is handled the same way it is on ordinary pages: content is given time to render before the next step. If a modal is open, or the app keeps appending content as it scrolls (an infinite feed), you get a warning instead of a silently broken image, with a suggestion to capture the area instead.
- 1Open the thread, conversation, or dashboard view you want to capture.
- 2Scroll it once by hand so the app loads its content, then return to the top.
- 3Press Alt+Shift+F, or click the extension icon and choose Full Page.
- 4The extension resolves the scrolling panel, captures it, and opens the result in the editor.
- 5Blur anything sensitive, then export as PNG, JPEG, or PDF, or copy it to the clipboard.
Method 2: Area Capture for Feeds and Modals
Some views cannot be captured in full by anything, and it is worth knowing which. An infinite feed has no end to scroll to. A virtualized table (common in analytics dashboards) destroys rows as they leave the viewport, so the content simply does not exist all at once. An open modal traps scrolling behind it. In these cases the honest answer is to capture the region you actually need rather than fight the app.
- 1Press Alt+Shift+A to start an area capture.
- 2Drag a rectangle over the part that matters, for example the modal or the visible rows.
- 3Release to send the selection straight to the editor.
- 4Use the built-in timer (3, 5, or 10 seconds) first if the element only appears on hover.
Method 3: Print to PDF, and Why It Usually Fails Here
Chrome's Ctrl+P can save a page as PDF, and on an article it works well. In a web app it usually does not: print stylesheets in these apps are written for the document, not the panel, so the output is commonly the visible screen, a blank page, or the app's own print layout that drops the conversation entirely. It is worth trying once for a given app because when it does work the text stays selectable, but it is not a reliable method. See the full comparison in our guide to saving a web page as PDF.
- 1Press Ctrl+P (Cmd+P on Mac).
- 2Choose "Save as PDF" as the destination.
- 3Check the preview: if it shows one screen or an empty page, the app does not support it.
- 4Fall back to Method 1 when the preview is wrong.
Feature Comparison
| Feature | Capture Full Page | Built-in Tools | Other Extensions |
|---|---|---|---|
| Captures a scrolling panel, not just the page | Yes, detects the element automatically | No | Rarely |
| Sidebar and top bar appear once | Yes | N/A | No, usually repeated |
| Long Gmail or chat threads in one image | Yes | No | Some |
| Warns when the view cannot be captured in full | Yes, suggests area capture | No | No |
| Blur sensitive data before saving | Yes, in the editor | No | Some (paid) |
| Works on internal tools with no account | Yes, runs locally | Yes | Cloud tools often upload |
| Multi-page PDF for a very long thread | Yes | No | Rarely |
Frequently Asked Questions
Why does a full page screenshot of Gmail only capture one screen?
How do I screenshot a long ChatGPT conversation?
Why is the sidebar repeated down my screenshot?
Can I capture a dashboard with several scrolling panels?
What about infinite feeds and virtualized tables?
Is it safe to screenshot an internal admin panel or CRM?
Does this work in Notion, Jira, Slack, and Linear?
Can I capture just part of a thread?
Capture Gmail, ChatGPT, and Your Dashboards Properly
One shortcut captures the panel that actually scrolls, then blur, annotate, and export without anything leaving your browser.
Add to ChromeRelated Guides
Take a Screenshot in Chrome
Compare 3 ways to take a screenshot in Chrome, extension, DevTools, and OS tools.
Full Page Screenshot in Chrome
One-click full page capture with auto-scroll, sticky element handling, and built-in editor.
Capture Screen in Chrome
Instantly capture the visible screen in Chrome, then annotate and export.
Capture Area in Chrome
Select any rectangular area on a web page and capture just that region with one click.
Scrolling Screenshot in Chrome
Capture entire long web pages with automatic scrolling, sticky element handling, and lazy-load support.
Screenshot Editor for Chrome
Built-in screenshot editor with arrows, text, shapes, highlighter, step numbering, and PDF export.