Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk5 min

How to Save a Webpage as a PDF with Browser Developer Tools

Use the browser’s Print dialog for a one-off PDF, DevTools to inspect print styling, or Chrome’s protocol and Headless options for automation.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To save a webpage as a PDF, use the browser’s Print dialog and choose its PDF destination. Developer Tools do not create the PDF by themselves: they help you preview and adjust print-specific styling. For repeatable Chrome automation, use the DevTools Protocol’s Page.printToPDF method or Chrome Headless.

Save a webpage as a PDF in the browser

  1. Open the webpage and choose Print from the browser menu, or use the print shortcut. Microsoft Edge documents Ctrl+P on Windows and Command+P on Mac; shortcuts may differ by browser and platform. (Microsoft Edge printing)
  2. Inspect the print preview. Choose a PDF destination rather than a physical printer. Firefox explicitly labels its option “Save to PDF.” (Mozilla’s Firefox printing guide)
  3. If the page is clipped or breaks awkwardly, adjust paper size, orientation, scale, margins, page range, or background graphics where those controls are available. Review the updated preview.
  4. Save the PDF to your chosen location. No printer or paper is needed to create the file.

Printed pages can look different from the screen because websites may apply print-specific CSS. Always check the preview before saving or sharing. (Mozilla Support)

As an Amazon Associate I earn from qualifying purchases.

Use Developer Tools to inspect print styling

Edge DevTools can emulate the print CSS media type so you can see the layout the browser will use for printing. This is a preview and debugging workflow; after inspecting or changing styles, return to the browser’s print interface to make the PDF.

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.
  1. Right-click the page and select Inspect to open DevTools. (Edge DevTools overview)
  2. If needed, open Quick View, then select More tools > Rendering.
  3. In Rendering, find Emulate CSS media type and select print. The page switches to its print-media styles. (Edge print preview documentation)
  4. Use the Elements panel to inspect and edit relevant styles while viewing the print rendering.
  5. When finished, set the media type back to No emulation to restore screen styling, then open Print and save the PDF.

This is most useful when you are debugging a page you maintain or diagnosing why a page’s print layout differs from its on-screen appearance. DevTools edits are not a substitute for the print dialog’s output controls.

#1 Best Overall
Sale
Epson Workforce ES-50 Compact & Lightweight Mobile Document Scanner
  • PORTABLE SCANNER FOR USE ON-THE-GO — The fastest and lightest mobile single-sheet-fed compact document scanner in its class¹
  • QUICK DOCUMENT SCANNING ― This Epson ultra-fast scanner scans a single page as quickly as 5.5 seconds²; Windows and Mac compatible
  • VERSATILE PAPER HANDLING ― Portable scanner scans documents up to 8.5 x 72 in; Also easily digitizes receipts and ID cards to make accounting, bookkeeping, and organizing simpler
  • INTUITIVE, HIGH-SPEED SOFTWARE — Epson ScanSmart Software³ is a smart tool allowing you to easily scan, review, and save; Stay organized easily with the help of this Epson scanner
  • EASY SETUP — USB-powered connect to your computer for quick and simple scanning; No batteries or external power supply required to operate portable document scanner; Standard Connectivity: USB 2.0

Adjust the PDF when the preview is wrong

Layout, scaling, and page breaks

Try a different paper size or orientation, then tune scale and margins. If only some pages are needed, set a page range in the print dialog when the browser offers that control. The available settings vary by browser and operating system, so rely on the current preview rather than assuming identical menus everywhere. (Firefox printing controls; Edge printing controls)

Colored backgrounds are missing

In Edge, open More settings and enable Background graphics when you want background colors or images included. Check the preview because omitting backgrounds can change the visual result. (Microsoft Support)

Rank #2
Sale
Brother DS-640 Compact Mobile Document Scanner, (Model: DS640)
  • FAST SPEEDS - Scans color and black and white documents a blazing speed up to 16ppm (1). Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
  • ULTRA COMPACT – At less than 1 foot in length and only about 1. 5lbs in weight you can fit this device virtually anywhere (a bag, a purse, even a pocket).
  • READY WHENEVER YOU ARE – The DS-640 mobile scanner is powered via an included micro USB 3. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan.
  • WORKS YOUR WAY – Use the Brother free iPrint&Scan desktop app for scanning to multiple “Scan-to” destinations like PC, Network, cloud services, Email and OCR. (2) Supports Windows, Mac and Linux and TWAIN/WIA for PC/ICA for Mac/SANE drivers. (3)
  • OPTIMIZE IMAGES AND TEXT – Automatic color detection/adjustment, image rotation (PC only), bleed through prevention/background removal, text enhancement, color drop to enhance scans. Software suite includes document management and OCR software. (4)

The page contains navigation or clutter

For supported sites, Edge’s Immersive Reader or Firefox’s Simplified format may offer a less cluttered printout. Availability depends on the site and browser. Mozilla also points to the optional Print Edit WE extension for editing content before printing; the normal PDF workflow does not require an extension. (Edge printing; Firefox printing)

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

Only part of the page is needed

Edge supports selecting text or images on a page, right-clicking the selection, and choosing Print. The option may not suit every page or selection. (Microsoft Edge printing)

Rank #3
Sale
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
  • STAY ORGANIZED – Easily convert your paper documents into digital formats like searchable PDF files, JPEGs, and more.Power Consumption : 2.5W or less (Energy Saving Mode: 0.7W). Suggested Daily Volume : 500 scans..Does it contain liquid: no
  • CONVENIENT AND PORTABLE –lightweight and small in size, you can take the scanner anywhere from home offices, classrooms, remote offices, and anywhere in between
  • HANDLES VARIOUS MEDIA TYPES – Digitize receipts, business cards, plastic or embossed cards, reports, legal documents, and more
  • FAST AND EFFICIENT – No technical hurdles or complicated setups here; easily scan both sides of a document at the same time, in color or black-and-white, at up to 12 pages-per-minute, and with a 20 sheet automatic feeder
  • BROAD COMPATIBILITY – Works with both Windows and Mac devices, be it laptop or computer

Automate PDF output with Chrome

Chrome DevTools Protocol

For software that controls Chrome through the DevTools Protocol, call Page.printToPDF. The method supports print settings including paper-related options, scale, margins, landscape orientation, and header and footer display or templates. Use the protocol documentation for the parameter names and valid values for your implementation. (Chrome DevTools Protocol: Page.printToPDF)

Chrome Headless command line

For a simple command-line capture, Chrome documents --headless with --print-to-pdf. The output file is output.pdf in the current working directory:

Rank #4
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
  • IRIScan Express, portable scanner : scans color and black and white documents a blazing speed up to 8ppm simplex. Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
  • IRIScan Express mobile scanner is powered via an included micro USB 2. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan. USB cable provided. AC Adapter not provided and not needed.
  • IRIScan flatbed scanner uses a simplex scanning mode allows for quick and straightforward scanning of single-sided documents. IRIScan with its full portable features is the ideal document scanners for computers.
  • IRIScan document scanner : Versatile scanning capabilities, including scanning to Word, PDF, and Excel formats with companion software provided Readiris OCR
  • Receipt scanner and card scanner with Additional features include scanning business cards directly to Outlook, photo scanning, and receipt scanning for efficient document management
chrome --headless --print-to-pdf https://example.com/

To omit the PDF’s date, time, URL, and page-number header/footer material, add --no-pdf-header-footer:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
chrome --headless --print-to-pdf --no-pdf-header-footer https://example.com/

If a page may still be loading, set a maximum wait in milliseconds with --timeout, for example:

Best Value
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
  • Scanner type: Document
  • Connectivity technology: USB
  • With Auto Scan Mode, the scanner automatically detects what you're scanning
  • Digitize documents and images
chrome --headless --print-to-pdf --timeout=10000 https://example.com/

Chrome also documents --virtual-time-budget for time-dependent page code. Neither a timeout nor a virtual-time budget guarantees that every site has finished rendering: personalized, delayed, or interaction-dependent content may need site-specific handling. See Chrome Headless documentation (last updated 2024-10-21).

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

Choose the right method

Need Best fit Trade-off
Save one page quickly Browser Print dialog Simple, but the result depends on the site’s print styles and the dialog’s available controls.
Diagnose print-specific CSS Edge DevTools Rendering and Elements Lets you inspect print rendering; you still save through the Print dialog.
Automate Chrome PDF capture Page.printToPDF or Chrome Headless Repeatable and configurable, but pages with delayed or interaction-dependent content may require extra handling.

Or skip the browser setup

If your actual goal is an image screenshot or a PDF from a URL through an API, ScreenshotNeo provides a one-request option. This is separate from saving a PDF through your local browser’s print dialog. Its API can return a PDF, and it also offers PNG, JPEG, or WebP screenshots. API parameters are documented at ScreenshotNeo docs.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

ScreenshotNeo 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. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for AI agents and other MCP clients. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots.

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

Sign up for 1,000 free screenshots a month, with no card required.

Quick Recap

SaleBestseller No. 3
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
BROAD COMPATIBILITY – Works with both Windows and Mac devices, be it laptop or computer; This product is not intended for scanning photographs on photo paper / photographic media
$153.00
Bestseller No. 4
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
Find our Software here : irislink.com/start; IRIScan Express is only compatible Windows platform and not macintosh
$129.00
Bestseller No. 5
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
Scanner type: Document; Connectivity technology: USB; With Auto Scan Mode, the scanner automatically detects what you're scanning
$75.00

Common problems and fixes

  • The PDF still looks unlike the screen: inspect the print preview and use Edge’s print-media emulation to check whether print CSS hides or rearranges content.
  • The background is absent: enable Background graphics in Edge’s More settings if the page’s background should print.
  • The automated PDF misses late content: increase Chrome Headless’s timeout or use its virtual time budget as appropriate, then account for any site-specific loading or interactions. A fixed delay is not proof that all content is ready.
  • DevTools changes do not appear in the saved PDF: confirm that you printed after making or testing the style changes. DevTools emulation is for inspection; the browser’s print workflow produces the file.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

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

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.