本文介绍一种可靠方案：通过 window.open() 创建空白新窗口，在其中动态注入 pdf 内容并立即调用 print()，实现“新标签页打开 pdf + 自动唤起打印对话框”的一体化体验。
本文介绍一种可靠方案：通过 window.open() 创建空白新窗口，在其中动态注入 pdf 内容并立即调用 print()，实现“新标签页打开 pdf + 自动唤起打印对话框”的一体化体验。
在 Web 应用中，常需将后端返回的 PDF 数据（如 Blob）以可打印形式呈现给用户。虽然直接在当前页 iframe 中调用 print() 或跳转下载链接都很常见，但兼顾「新开标签页」与「自动弹出打印对话框」却存在兼容性陷阱——尤其是 window.print() 在新窗口中必须在文档加载完成且上下文可信的前提下才能生效，而 eval() 强制执行的方式既不安全也不可靠（现代浏览器可能拦截或报错），原答案中的 newWindow.eval(newWindow.print()) 实际不可用。
✅ 正确做法是：创建新窗口 → 等待其 document 可写 → 注入含 PDF 的 iframe → 触发打印。关键在于确保 iframe.contentWindow.print() 在新窗口上下文中执行，且时机恰当。
以下是经过实测、兼容 Chrome/Firefox/Edge 的完整实现：
function printPdfInNewTab(response) {
// 1. 创建空白新窗口（注意：需及时获取引用，避免被浏览器拦截）
const newWindow = window.open('', '_blank');
if (!newWindow || newWindow.closed || typeof newWindow.closed === 'undefined') {
alert('弹出窗口被浏览器阻止，请允许弹窗后重试。');
return;
}
// 2. 构建 PDF Blob 并生成 URL
const blob = new Blob([response.body], { type: 'application/pdf' });
const blobUrl = URL.createObjectURL(blob);
// 3. 向新窗口写入 HTML 结构（含隐藏 iframe）
newWindow.document.write(`
<!DOCTYPE html>
<html>
<head><title>PDF 打印预览</title></head>
<body style="margin:0;overflow:hidden;">
<iframe
id="pdf-frame"
src="${blobUrl}"
width="100%"
height="100%"
style="border:none; display:none;"
></iframe>
</body>
</html>
`);
newWindow.document.close(); // 必须调用，否则 document 处于 loading 状态
// 4. 等待 iframe 加载完成后再打印（推荐使用 load 事件，而非 setTimeout）
const iframe = newWindow.document.getElementById('pdf-frame');
iframe.onload = () => {
try {
// ✅ 在新窗口上下文中安全调用 print()
newWindow.focus();
iframe.contentWindow.print();
} catch (err) {
console.warn('打印调用失败，可能因跨域或 iframe 未就绪：', err);
// 降级方案：提示用户手动打印
newWindow.alert('PDF 已加载，您可按 Ctrl+P 手动打印。');
}
};
// 5. 清理内存（可选，建议在打印完成后或页面卸载时调用）
// 注意：不要在此处 revoke，否则打印可能失败
// setTimeout(() => URL.revokeObjectURL(blobUrl), 5000);
}? 重要注意事项：
- 弹窗拦截风险：window.open() 必须由用户手势（如 click 事件）触发，否则多数浏览器会静默拦截；
- CSP 限制：若站点启用了严格 Content-Security-Policy（如禁止 unsafe-inline 或 eval），请确保新窗口的 <script> 或内联事件不受限；</script>
- PDF 加载时机：务必监听 iframe.onload 而非依赖 setTimeout，否则在慢网或大文件下易失败；
- 内存管理：URL.createObjectURL() 创建的地址需适时 URL.revokeObjectURL(blobUrl) 释放，但切勿在打印前撤销，否则 iframe 将加载失败；
- 移动端兼容性：iOS Safari 对 iframe.contentWindow.print() 支持有限，建议增加 UA 判断并提供备用下载链接。
? 总结：本方案摒弃了不安全的 eval() 调用，采用标准 DOM 操作 + 事件驱动流程，兼顾安全性、可维护性与跨浏览器稳定性。实际集成时，可将其封装为通用工具函数，并配合 Loading 状态与错误提示，提升用户体验。
