How to take a full-page screenshot of a scrolling dashboard in Firefox
Capture a full page in Firefox, use DevTools when needed, and learn what to try when a dashboard’s nested scroll panel is cut off.
To capture a full page in Firefox, open the dashboard, press Ctrl+Shift+S on Windows or Linux (or Command+Shift+S on macOS), then choose Save full page. You can also right-click an empty area of the page and select Take Screenshot. Firefox’s built-in screenshot tool saves the image or copies it to the clipboard. Mozilla’s screenshot instructions cover both full-page and visible-area captures.
One important dashboard caveat: a full-page capture does not necessarily include rows hidden inside an independently scrolling panel. The browser can capture the document’s full page, but that is not a guarantee that every nested scroll container will be expanded. If the panel’s off-screen content is missing, use DevTools to capture the panel element, look for a dashboard export, or capture the visible sections separately.
Capture the full page with Firefox’s screenshot tool
- Open the dashboard and wait for its charts, tables, and other visible content to settle. Scroll the page if needed to confirm it has loaded the content you expect.
- Open the screenshot tool in one of these ways:
- Right-click an empty part of the page and choose Take Screenshot.
- Use Ctrl+Shift+S on Windows or Linux, or Command+Shift+S on macOS.
- If you use screenshots often, add the Screenshot button from Menu → More Tools → Customize Toolbar.
- Choose Save full page in the screenshot interface. Choose Save visible if you want only the current viewport.
- Select Download to save the image to Firefox’s default download folder, or Copy to paste it into another application.
Firefox’s documented example download name ends in .png and includes the date, time, and page title. The download location is the browser’s default downloads folder.
Full page versus visible area
| Choice | What it captures | Use it when |
|---|---|---|
| Save full page | The page beyond the current viewport | You need a long document or page-level dashboard capture |
| Save visible | The current visible area | You need a quick view of the current screen |
The screenshot interface also lets you select a region or click a detected part of the page. Those options are useful for a chart or card that is visible, but they do not guarantee that hidden rows inside a nested panel will be included.
When a dashboard has its own scrolling panel
A dashboard often has two different scroll areas: the page itself and a panel inside the page, such as a table with its own scrollbar. A full-page screenshot targets the page. Firefox’s documentation also describes taking a screenshot of an individual element, but it does not promise that every dashboard’s hidden panel content will be expanded in a page-level capture.
If some rows are missing, try these steps:
- Confirm which area scrolls. Scroll over the dashboard panel, then over the page margin. If one moves while the other stays fixed, the panel is a separate scroll container.
- Look for a built-in export. A CSV, PDF, or image export from the dashboard may preserve data better than a screenshot. Availability depends on the dashboard.
- Capture the panel element with DevTools. Use the Inspector’s Screenshot Node action on the panel, as described below. This targets the element; it is not a guarantee that hidden overflow will be expanded.
- Capture several visible sections if needed. Scroll the panel and save each visible section. If you combine them, check alignment and repeated rows yourself; Firefox’s cited documentation does not describe an automatic panel-stitching workflow.
For a long dashboard, also check whether content loads only after scrolling. If it does, let each section load before capturing it. A screenshot cannot include data the page has not rendered.
Use Firefox Developer Tools for a repeatable or element-level capture
DevTools is a useful fallback when you want a command or need to target a particular element. Mozilla’s Firefox Source Docs say the full-page screenshot toolbar button is disabled by default.
- Open Developer Tools.
- Open Developer Tools settings and find Available Toolbox Buttons.
- Enable Take a screenshot of the entire page. The screenshot button will then be available in the toolbox.
- Use the screenshot button to capture the page. Firefox saves the capture in the browser’s Downloads directory.
For a command-line-style workflow within Firefox, open the Web Console and run:
:screenshot --fullpage
The --fullpage option captures beyond the current window bounds. Mozilla’s command also documents options for a delay, device-pixel ratio, filename, clipboard, and selecting one element. For a dashboard component, use the Inspector context menu’s Screenshot Node action to capture that element.
See Mozilla’s Firefox Source Docs: Taking screenshots for the DevTools workflow and command details.
Troubleshooting
| Symptom | Likely cause | What to try |
|---|---|---|
| Take Screenshot is missing from the context menu | The menu was opened over a control, link, or other page element, or the screenshot tool is not available in that context. | Right-click an empty part of the page, use the keyboard shortcut, or add the Screenshot button to the toolbar. |
| The image stops at the bottom of the viewport | Save visible was chosen instead of Save full page. | Open the tool again and select Save full page. |
| Rows inside a panel are missing | The panel scrolls independently from the document, or its content has not loaded yet. | Scroll the panel to load its rows; try Inspector’s Screenshot Node, a dashboard export, or separate visible captures. |
| The DevTools screenshot button is absent | The toolbox button is disabled by default. | Open DevTools settings and enable Take a screenshot of the entire page under Available Toolbox Buttons. |
| The image is hard to find | Firefox saved it to its default download folder. | Check the browser’s configured download location. Mozilla’s example filename includes a timestamp and page title. |
| The dashboard looks incomplete or unsettled | Charts, images, or table data were still loading when the capture started. | Wait for the visible content to settle. For lazy-loaded panels, scroll through them before capturing and confirm the required content rendered. |
Performance, reliability, and cost
For a one-off screenshot, Firefox’s built-in feature avoids setting up a separate capture service or script. A very long page can produce a large image, so consider whether you need the whole page or only a particular chart or panel. The browser workflow is manual; it is not a scheduled or bulk-capture process.
For a reproducible capture, use the DevTools button or console command and keep the page state consistent: wait for data to load, use the same dashboard filters, and confirm whether the target is the document or a nested panel. A screenshot records rendered pixels; it is not a substitute for exporting the underlying dashboard data.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. Make one GET request with the page URL to receive a screenshot. The API supports full-page capture and many other options; see the ScreenshotNeo API documentation for parameters and setup.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp
Cookie banners, popups, and chat widgets are removed before the shot. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed. An MCP server lets AI agents use screenshot tools. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000.
Sign up for 1,000 free screenshots a month, with no card required.
FAQ
Can I take a full-page screenshot without scrolling manually?
Yes. Choose Save full page in Firefox’s screenshot interface, or use the DevTools full-page screenshot button or :screenshot --fullpage command.
Will Firefox include every row in a dashboard’s inner scroll area?
Not necessarily. Page-level capture and a nested scrolling panel are different targets. Use an element screenshot, the dashboard’s export option, or captures of the panel as you scroll.
Can I copy the screenshot instead of downloading it?
Yes. Choose Copy in Firefox’s screenshot interface, then paste it into another application.
What file format does Firefox save?
Mozilla’s documented generated filename example ends in .png. Check the saved file and your Firefox version if a workflow depends on a particular output format.


