宙斯浏览器打印页面内容不完整如何调整

宙斯浏览器的打印功能，有时候确实让人头疼。明明网页内容完整，一进打印预览，要么只打出顶部几行，要么表格被拦腰截断，底部文字消失，甚至整页空白。这还真不是打印机坏了，而是浏览器没正确识别可打印区域，或者CSS规则把部分内容“藏”起来了。

问题的根源在于，很多网站压根就没写 @media print 规则。宙斯浏览器只能硬套屏幕样式，于是浮动元素塌陷、侧栏挤占正文、图片被裁切……这些乱象就都来了。必须手动注入一份最小可用的打印样式，强制接管排版。

具体操作是：按 Ctrl + Shift + I（Windows/Linux）或 Cmd + Option + I（macOS）打开开发者工具，切换到“Console”面板，粘贴以下代码并回车执行：

const style = document.createElement('style'); style.textContent = '@media print { * { -webkit-print-color-adjust: exact !important; } body { margin: 0; line-height: 1.5; font-size: 12pt; } img { max-width: 100% !important; height: auto !important; } .header, .footer, .sidebar, .ad-banner { display: none !important; } }'; document.head.appendChild(style);

这一步不做，后续所有操作都建立在错误的排版基底上，打印预览里看到的永远是错乱的。

清除破坏性CSS属性残留影响

即便注入了基础样式，float、position: fixed、transform 和 background-image 这四类属性，在打印时虽然会被浏览器忽略，但它们在DOM计算阶段留下的布局“残影”仍然会干扰分页逻辑。表格和列表尤其容易因此失序。

有两种方法可以处理这个问题：

方法一：一键重置全页面关键属性
在Console中执行：document.querySelectorAll('*').forEach(el => { el.style.float = 'none'; el.style.position = 'static'; el.style.transform = 'none'; el.style.backgroundImage = 'none'; });

方法二：专治表格错乱
表格是打印崩溃的重灾区，务必单独加固：document.querySelectorAll('table').forEach(t => { t.style.tableLayout = 'fixed'; t.style.width = '100%'; Array.from(t.querySelectorAll('th, td')).forEach(cell => cell.style.wordBreak = 'break-word'); });

注意：执行后必须按 Ctrl+R 或 Cmd+R 手动刷新页面，否则打印预览不会重新解析样式树。

切换为打印安全单位与字体

网页用 px 定义宽度和字号，到了纸张媒介上，会因为DPI差异导致缩放失控。无衬线字体在激光打印时也容易出现字迹断裂。这两个问题必须解决。

第一步：在Console中执行单位转换脚本
document.querySelectorAll('*').forEach(el => { const fontSize = getComputedStyle(el).fontSize; if (fontSize && fontSize.includes('px')) { const ptSize = Math.round(parseFloat(fontSize) * 0.75); el.style.fontSize = ptSize + 'pt'; } const width = getComputedStyle(el).width; if (width && width.includes('px')) { const ptWidth = Math.round(parseFloat(width) * 0.75); el.style.width = ptWidth + 'pt'; } });

第二步：强制设置打印安全字体
document.body.style.fontFamily = "'Times New Roman', 'SimSun', serif";

第三步：验证print媒体类型是否生效
在Console中输入 window.matchMedia('print').matches，返回 true 即表示已进入打印上下文，可以继续下一步。

执行最终打印流程

1、确保页面已完成上述全部操作并刷新成功。
2、点击右上角三个点图标 → 选择“打印”。
3、在打印设置界面中，将“目标打印机”改为【另存为PDF】（Windows显示为“Microsoft Print to PDF”，macOS为“保存为PDF”）。
4、勾选“背景图形”，否则灰色底纹、按钮色块、CSS渐变都会丢失。
5、点击“保存”，选择路径并确认生成PDF文件。