Jquery 打印预览不显示整页

Posted 2023-03-06

【中文标题】Jquery 打印预览不显示整页

【英文标题】：Jquery print preview not showing full page

【发布时间】：2014-03-03 02:25:24

【问题描述】：

我正在使用此工具对我的页面进行打印预览。

DemoPlugin

我的页面中有一个表格。因此，当我在页面加载后绘制预览时，它在 Firefox 中没有显示整页。

但在 chrome 中，同一页面运行良好，显示完整预览。

代码。

<link rel="stylesheet" href=" asset('bundles/joy/css/print.css') " type="text/css" />

<link rel="stylesheet" href=" asset('bundles/joy/print/css/print-preview.css') " type="text/css" />

<link rel="stylesheet" href=" asset('bundles/joy/css/print.css') " type="text/css" media="print"/>

这个 print.css 是我做的，不是插件例子。

$('body').printPreview();
$.printPreview.loadPrintPreview();

我错过了什么吗？如何在 firefox 和 chrome 中查看完整预览？

【问题讨论】：

Demo 在我的机器上的 FF 上看起来不错。您能否分享包含您的代码的链接或小提琴。

Demo例子也有问题（下载了一个，网上没有）。至少在我的机器上是这样。版权声明在页面末尾减半。@MilindAnantwar 虽然我得到了解决方案。问题在于 iframe 大小。

【参考方案1】：

问题在于 iFrame 高度。如果我根据我的总页面高度调整 iFrame 高度，它可以正常工作。

演示示例还包含 14 年 2 月 10 日 Firefox 中的问题（已下载演示代码）。打印预览示例中的页脚或版权声明切成两半。

这就是我所做的。在jquery.print-preview,js 文件中，我替换了所有实例

print_frame.height($('body', print_frame.contents())[0].scrollHeight);

与

heights=Math.max($(document).height(), $(window).height())+30;
print_frame.height(parseInt(heights));

这会将 iframe 高度设置为实际文档高度。