Position Absolute

打印网页&一个新的jquery打印插件

目前,印刷变得越来越过时,但大多数网站仍然可以提供打印样式表。打印样式表很少完美,当您开始禁用您网站的某些部分时,您必须忘记禁用DIV,您的布局可能会让您头疼。

制作网站打印友好

通常有2种方式用于制作网站打印友好。您的第一个选项是使用我之前谈过的技术并直接在您的网站上进行打印样式表,并且您可以禁用不相关内容的所有内容。

一般来说,它变得迅速,不幸的是,禁用网站的每个部分都可能乏味,而且由于Divs乘法,CSS浮动属性,网站更新等行为的行为,您是奇怪的,而且让人的浮点,网站更新和其他人的小事 - 开发人员悲惨的打印。

您的第二个选项以及我发现最适合在大多数情况下的选项是创建一个模板,只有要打印的页面内容。您在页面上添加一个按钮,在弹出的特殊打印页面中打开,并在页面加载上调用window.print()。

现在给我打电话给我一个白痴,但我从来没有真正考虑过这个窗口。打印机可以用来渲染iframe而不是弹出窗口。快速查看互联网后,我发现我实际上可以从任何页面呈现iframe(如果它们在当然是在同一域中..)。

介绍jQuery打印插件

下载源代码 查看演示

现在我知道已经有插件来打印页面的一部分。那个待这个插件背后的想法就是它而不是打开一个弹出窗口,插件创建一个iframe并直接打印它!这样,您可以保存自己(以及您的用户)处理新窗口的麻烦。

此外,因为您仍然链接到您的弹出窗口,如果您的某些用户已禁用JavaScript,则它们仍然可以打开特殊模板并打印它。

使用它

$(".btnPrint").printPage()

可选的

有一些选择:
URL: 覆盖HREF属性中获取的自动URL
景色: 更改用于检索打印页面URL的默认HREF属性。
信息: 加载打印页面之前显示的文本消息

而已

我意识到您的页面上并不总是想要打印按钮,但通常如果您不需要按钮,那么它也可能不是那么重要,而且您仍然可以在网站上有一个打印样式表,让您90 % 那里。一个很好的例子是一个配方页面,您需要一个完美的打印模板,并且这种技术可能真正有用。

看看演示,它是非常自我解释的,希望你们喜欢它。

测试:
Firefox 3.6
IE 7.&8
铬最新

**我使用数据URL背景图像和一些CSS3属性为小警告盒,您可能希望查看您是否关心IE