想把长网页完整保存成PDF？Chrome自带四种专业方案

想把一个长网页完整保存成PDF，结果打印出来要么只截了第一屏，要么排版全乱套——这事儿估计不少人都遇到过。

其实，Chrome浏览器本身就藏着几套相当专业的“整页导出”方案，根本不用求助于第三方插件。

下面这四种方法，从简单到进阶，基本能搞定所有场景。

一、使用原生打印功能强制捕获整页并导出PDF

最直接的办法，就是用好Chrome自带的“另存为PDF”虚拟打印机。

它的核心思路是：通过调整打印设置，让浏览器把整个滚动页面渲染成一个连续的文档，而不是一页一页地切割。

操作步骤

首先，确保网页上所有需要的内容（比如懒加载的图片、展开的评论区）都已经完全显示出来。

然后，按下快捷键 Ctrl+P（Mac 上是 Cmd+P），调出打印预览界面。

关键设置

• 目标打印机：选择“另存为 PDF”（Windows系统可能显示为“Microsoft Print to PDF”）。
• 更多设置：
  • 将“边距”改为“无”。
  • 取消勾选“页眉和页脚”。
  • 勾选“背景图形”。
• 缩放：保持100%。
• 布局：如果页面特别宽，可临时切换为“横向”。

全部设好，点击保存，一个完整的单页PDF就到手了。

二、通过开发者工具删除干扰结构后触发整页截图转PDF

有时候，问题出在网页本身的结构上。

那些固定位置的导航栏、悬浮的广告、侧边栏，经常会让打印预览只输出当前窗口能看到的部分，或者导致分页错乱。

这时候，就得先给网页做个小“手术”。

操作步骤

1. 打开开发者工具（按 F12）。
2. 使用元素选择器（Ctrl+Shift+C）点选碍事的元素（如导航条、广告栏）。
3. 在Elements面板里找到对应的HTML节点，右键选择“Delete node”将其删除。
4. 重复操作，直到页面上只剩下想保存的核心内容区域。

截图并转换

清理干净后，调出命令菜单（Ctrl+Shift+P），输入“Capture full size screenshot”并回车。

浏览器会自动截取整个页面的长图并下载为PNG。

最后，用任何能打开图片的软件（或直接拖进Chrome新标签页），再用一次“打印成PDF”功能即可。

三、注入CSS媒体查询强制整页渲染并禁用分页

如果你遇到的情况是：打印预览里莫名其妙多了很多空白页，或者内容在奇怪的地方被切断。

那很可能是网页内部的CSS样式在作祟。一些框架或内联样式会干扰打印时的页面高度计算。

解决方法

通过控制台直接注入一段打印专用的CSS代码，覆盖掉原来的分页逻辑。

打开开发者工具，切换到Console标签页，粘贴并执行下面这行代码：

@media print { html, body { height: auto !important; margin: 0 !important; padding: 0 !important; } @page { margin: 0; size: auto; } }

代码作用

• 在打印模式下，强制将页面和 body 的高度设为自动。
• 清除所有边距。
• 将打印页面的尺寸也设为自动。

执行后，关闭开发者工具，再次按下Ctrl+P，预览内容会变成流畅的单页布局。之后，重复方法一的保存步骤即可。

四、使用命令行Headless模式直接导出整页PDF

对于需要批量处理，或追求纯自动化流程的用户，命令行才是终极武器。

Chrome的无头（Headless）模式可以绕过图形界面，直接加载网页并渲染输出PDF，天生就是为完整页面导出设计的。

前提条件

• 确保Chrome版本在59以上。
• 打开系统的命令行工具（Windows用PowerShell或CMD，Mac和Linux用终端）。

执行命令

输入类似下面的命令（记得替换目标网址和输出路径）：

google-chrome --headless --disable-gpu --print-to-pdf="D:fullpage.pdf" --print-to-pdf-no-header https://example.com

命令说明

执行后，Chrome会在后台访问网址，等待页面完全加载（包括JavaScript动态生成的内容）。

然后将整个文档高度渲染成一个PDF文件，直接保存到你指定的位置。

提示：如果页面有复杂的动画或懒加载，可以加上--run-all-compositor-stages-before-draw参数来确保所有资源都渲染完毕。