网页打印预览空白的修复方法包括：一、禁用CSS打印样式限制，通过开发者工具模拟screen媒体类型；二、注入基础打印样式表；三、禁用JavaScript排查干扰；四、切换至系统原生打印引擎；五、截取全页截图转PDF。
如果您在浏览器中点击打印或进入打印预览时，页面显示为空白或仅出现部分元素，则可能是由于CSS媒体查询、JavaScript渲染阻断或打印样式表被禁用所致。以下是修复网页打印预览空白的多种方法：
一、禁用CSS打印样式限制
许多网站通过@media print { display: none; }等规则隐藏打印内容，导致预览为空白。临时禁用这些样式可恢复可见性。
1、在Chrome或Edge中打开目标网页，按F12打开开发者工具。
2、按Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac）调出命令菜单。
3、输入“Rendering”，选择“Show Rendering”面板。
4、勾选“Emulate CSS media type”，从下拉菜单中选择“screen”而非“print”。
5、再次点击打印预览，观察内容是否正常显示。
二、强制启用打印样式表
部分网页未定义打印样式表，或其print.css加载失败，导致布局错乱或内容不可见。手动注入基础打印样式可恢复结构。
1、在开发者工具中切换到Console标签页。
2、粘贴并执行以下代码：var style = document.createElement('style'); style.textContent = '@media print { * { display: block !important; visibility: visible !important; opacity: 1 !important; } img, svg, canvas { max-width: 100% !important; height: auto !important; } }'; document.head.appendChild(style);
3、按Ctrl+P（Windows）或Cmd+P（Mac）重新触发打印预览。
三、停用干扰打印的JavaScript
某些网页在打印前执行JS逻辑，如移除DOM节点、清空容器或拦截window.print()事件，造成预览空白。
1、在地址栏输入chrome://flags（Chrome）或edge://flags（Edge）。
2、搜索“disable javascript”，找到“Disable JavaScript”选项，设置为Enabled。
3、重启浏览器后访问原网页，再尝试打印预览。
4、若生效，说明问题由JS引起；可改用无痕窗口（禁用所有扩展）并逐个禁用脚本类扩展定位具体干扰源。
四、更换打印后端引擎
Chrome/Edge默认使用PDF后端生成预览，该过程可能跳过动态渲染结果。切换至系统原生打印对话框可绕过此限制。
1、在打印预览界面，点击右上角“更多设置”（三个垂直点）。
2、关闭“Destination”下的“Save as PDF”选项。
3、点击“Change…”按钮，选择“Microsoft Print to PDF”（Windows）或“Save as PDF”以外的本地打印机（如HP LaserJet）。
4、确认后，系统级打印对话框将调用操作系统渲染器，通常能正确捕获已渲染的页面快照。
五、使用截图转PDF替代方案
当上述方法均无效时，可截取完整可视区域并转为PDF文件，实现等效打印输出。
1、按F12打开开发者工具，切换到Elements面板。
2、右键
节点，选择“Scroll into view”，确保整个页面可滚动到底部。3、按Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac），输入“Capture full size screenshot”，回车执行。
4、浏览器自动下载PNG格式全页截图，使用任意PDF工具（如系统自带“打印到PDF”）将该图导入并导出为PDF。
