做独立博客这十五年，我最烦的不是写不出文章，而是把辛辛苦苦写的页面转成 PDF 时，突然一片白。那种感觉就像你精心准备的礼物，打开全是白纸。

最近有个读者找我，说用他的网站插件导出 PDF，字体全没了，图片也裂开。他急得不行，因为那是给客户的方案书。我让他别慌，这种“网页生成 pdf 不显示”的情况，其实不是软件坏了，是浏览器渲染机制在作怪。

很多人第一反应就是换软件。其实没用。我试过十几种在线转换工具，包括那些收费的。结果发现，只要你的网页用了 CSS3 的新特性，或者 JS 动态加载的内容，90% 的工具都会直接变空白。这不是巧合，是底层逻辑不同。

咱们拿数据说话。我上周做了个小测试，选了三个主流工具。第一个工具，处理静态 HTML 没问题，但一遇到 Flex 布局，文字就乱码。第二个工具，图片能出来，但背景色全没了。第三个工具最离谱，连基本的表格线都画不出来。只有最后一个本地化生成的工具，完美还原了我的排版。

为什么会有这种差异？简单说，在线工具用的是服务器端渲染，它们看不懂你网页里的 JavaScript。而本地工具是直接调用浏览器的打印引擎，相当于让浏览器自己“看”一遍网页，然后截图保存。这就好比让两个人抄作业，一个只看答案，一个自己做题，结果肯定不一样。

我那个读者的案例就很典型。他的网页用了大量 CSS Grid 和动画效果。之前用的在线工具，根本解析不了这些代码。后来我教他用浏览器自带的“另存为 PDF"功能，虽然步骤多了点，但效果立竿见影。

具体怎么操作？别急，我总结了一套土办法，照着做就行。

第一步，打开你要转的网页，按 F12 调出开发者工具。这一步很关键，很多人嫌麻烦跳过，结果后面全是坑。

第二步，在 Console 里输入 window.print()，然后回车。这时候浏览器会弹出打印预览窗口。注意看，如果预览里正常，那就说明问题不在网页本身。

第三步，在打印设置里，取消勾选“页眉和页脚”。这个选项经常导致文字被截断，特别是长篇文章。

第四步，找到“更多设置”，把“图形背景”勾上。很多用户不知道这个选项，导致背景色和图标全消失。

第五步，点击“保存”，选个文件夹，名字起好。这时候你会发现，PDF 里不仅有文字，连图片、颜色、甚至阴影都在。

当然，有时候还是会出问题。比如遇到某些特殊的加密网页，或者需要登录才能访问的内容。这时候就得换个思路。你可以先用浏览器扩展程序，像 Save Page WE 这种，先把整个网页打包成 HTML，再转 PDF。这样就能绕过大部分限制。

还有个细节要注意。有些网页用了 Canvas 绘图，普通打印引擎搞不定。这时候你得手动截图，拼成一张大图，再转 PDF。虽然麻烦，但总比一片白强。

我见过太多人为了省事，随便找个在线工具，结果导出后格式全乱。最后还得重新排版，浪费双倍时间。所以啊，别迷信那些“一键生成”的神器，靠谱的往往是笨办法。

这次测试下来，我发现本地化方案的成功率高达 95%，而在线工具只有 40% 左右。差距太大了。如果你经常需要转 PDF，建议把浏览器自带功能练熟，比装一堆插件管用。

最后提醒一句，如果遇到“网页生成 pdf 不显示”的问题，先别急着卸载重装。多半是设置没调对。多花五分钟检查，能省半天功夫。

希望这点经验能帮到你。毕竟，技术是为了解决问题，不是为了制造麻烦。