将网页保存为PDF有四种方法:一、用浏览器打印功能导出,选“另存为PDF”并勾选“背景图形”;二、用扩展如Full Page Screen Capture批量保存;三、用开发者工具模拟设备尺寸后导出;四、用puppeteer命令行静默导出。

如果您希望将当前浏览的网页内容永久保存为可离线查看、格式固定的文档,则将网页直接保存为PDF文件是一种高效且通用的方式。以下是实现该目标的多种具体操作方法:
一、使用浏览器内置打印功能导出PDF
现代主流浏览器(如Chrome、Edge、Firefox)均集成“另存为PDF”虚拟打印机功能,无需额外安装软件,通过标准打印流程即可生成PDF文件,保留原始排版与图文结构。
1、在浏览器中打开目标网页,按快捷键 Ctrl+P(Windows/Linux)或 Cmd+P(macOS)调出打印对话框。
2、在“目标打印机”或“打印机”下拉菜单中,选择 另存为PDF(Chrome/Edge)或 Save as PDF(Firefox)。
3、点击“更多设置”展开选项,勾选 背景图形以确保网页中的颜色、图片背景不被省略。
4、在“页面范围”中可指定仅保存当前页或自定义页码,确认无误后点击 保存,输入文件名并选择存储路径完成导出。
二、使用浏览器扩展程序批量保存网页为PDF
当需频繁保存多个网页、或需保留交互元素(如折叠菜单、动态图表)的静态快照时,专用扩展可提供更灵活的截取与导出控制,支持整页滚动捕获及自动命名。
1、访问Chrome网上应用店或Edge加载项中心,搜索并安装经验证的扩展,例如 Full Page Screen Capture 或 Web Page to PDF。
2、安装完成后,点击浏览器右上角扩展图标,选择 Capture full page(全页截图)或 Export as PDF。
3、等待扩展自动滚动并拼接完整页面,生成预览后点击 Download PDF,文件将按默认命名规则保存至下载目录。
三、通过开发者工具生成响应式PDF
针对适配移动设备的网页,直接打印可能截断侧边栏或错位显示。启用设备模拟模式后导出,可强制以指定视口尺寸渲染并生成适配该尺寸的PDF,保障内容完整性。
1、在网页界面按 F12 打开开发者工具,点击左上角 Toggle device toolbar(设备切换图标,形如手机和平板)。
2、在顶部设备预设中选择 Responsive,手动拖动调整宽度至 1200px以上 以覆盖主要内容区域。
3、保持开发者工具开启状态,再次按 Ctrl+P 调出打印窗口,选择 另存为PDF,设置页边距为“无”,点击保存。
四、使用命令行工具静默导出PDF(适用于Windows/macOS高级用户)
对于需自动化处理大量网页链接的场景,基于Chromium内核的命令行工具可在无图形界面环境下执行渲染与导出,跳过人工交互步骤,输出结果精准可控。
1、下载并解压 puppeteer 支持的独立Chromium版本(如Chrome DevTools Protocol兼容包),或全局安装Node.js后运行 npm install puppeteer。
2、创建JavaScript脚本文件(例:save-webpage.js),写入以下核心代码:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com', {waitUntil: 'networkidle2'});
await page.pdf({path: 'output.pdf', format: 'A4'});
await browser.close();
})();
3、在终端进入脚本所在目录,执行 node save-webpage.js,程序将自动启动浏览器实例、加载网页、生成PDF并关闭。


















