本地浏览器打印是最轻量、兼容性最好且能保留CSS样式的方式，直接按Ctrl+P/Cmd+P选“另存为PDF”，勾选“背景图形”并设边距为“无”即可；window.print()无法自动导出，批量处理需服务端方案。
直接用浏览器打印功能就能生成 PDF，无需安装软件或调用 API，90% 的静态 HTML 页面都适用。
Chrome / Edge 浏览器右键「打印」是最稳的方案
这是最轻量、兼容性最好、且能保留 CSS 样式（包括 @media print）的方式。关键不是“转”，而是“模拟打印输出”。
- 打开 HTML 页面 → 按
Ctrl+P（Windows）或Cmd+P（macOS） - 在目标打印机中选
另存为 PDF（Windows）或保存为 PDF（macOS） - 勾选
背景图形（否则background-color和background-image会丢失） - 若页面过长，检查
边距是否设为“无”，避免内容被截断
JavaScript 调用 window.print() 不能直接导出 PDF
它只触发浏览器打印对话框，无法跳过 UI 自动保存。想自动化必须借助服务端或桌面工具，前端纯 JS 无权写文件系统。
-
window.print()是用户主动行为，受浏览器策略限制，不可静默导出 - 试图用
iframe+contentWindow.print()同样会弹窗，不解决自动保存问题 - 若需批量处理，应改用服务端方案（如 Puppeteer、WeasyPrint），而非前端硬扛
在线工具慎用：隐私与样式失真风险高
多数免费在线转换网站会把 HTML 发送到他们的服务器渲染，敏感数据可能泄露；且它们通常不支持本地字体、CSS 变量、@supports 或现代 Flex/Grid 布局。
立即学习“前端免费学习笔记（深入）”；
- 常见失效点：
font-face引用的本地字体路径（url('./fonts/xxx.woff2')）无法加载 - 相对路径资源（如
./images/logo.png）在远程服务端 404 - 不支持
position: sticky、aspect-ratio等新特性，PDF 中错位或塌陷 - 真正安全的在线方案只有你自己搭的
Puppeteer Serverless（如 Vercel + Puppeteer），但已超出“速成”范畴
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('file:///path/to/your/page.html', { waitUntil: 'networkidle0' });
await page.pdf({ path: 'output.pdf', format: 'A4', printBackground: true });
await browser.close();
})();
真正需要“快速”又“可靠”的场景，就别绕远路——本地浏览器打印是唯一同时满足零配置、保样式、可预览、无隐私风险的操作。复杂布局或动态内容才值得投入 Puppeteer 这类方案。
