为什么我的网页没有打印出我在浏览器中看到的东西?
您的一些网页打印方式不同的原因是他们有一个打印样式表。
什么是打印样式表?
打印样式表是将网页格式化,这样当打印时,它就会自动以用户友好的格式打印。打印样式表已经存在了很多年,也被写过很多文章。然而,很少有网站使用它们,这意味着我们留下的网页不能正确地打印到纸上,令人沮丧。
很明显,很少有网站使用打印样式表。
- 打印样式表极大地提高了可用性,特别是对于有大量内容的页面(比如这个!)
- 它们的设置非常快速和简单
一些网站提供了一个链接到打印友好版本的页面,但这当然需要设置和维护。这也需要用户在屏幕上注意到这个链接,然后在他们打印页面的常规方式(例如选择屏幕顶部的打印按钮)之前使用它。不过,当同时打印多个网页时,比如一篇文章跨越到多个网页时,打印友好型版本是很有用的。
源 打印网站时禁用打印样式表 (CSS)
如何禁用打印样式表?
我最近需要得到一个网站的快照,就像它在屏幕上显示的那样。也就是说,我想要背景色,我想要广告,我想要完整的布局。
一种方法是在你向下滚动页面时连续截图,然后在Photoshop中把它们拼接起来。这很耗时,而且会让你得到一个低分辨率(72dpi)的图像。
另一种方法是打印页面,然后 “保存为 "PDF而不是实际打印。这对于那些没有定义打印页面和查看页面的不同布局的页面来说,效果相当好。
不幸的是,对我来说,在网站上包含一个 "打印 "样式表变得越来越流行,当用户试图打印网站时,它定义了新的页面样式。这是在头中定义的,看起来像这样。
我发现只有一个选项能真正满足我的需求。(http://chrispederick.com/work/web-developer/)
有了这个插件,你可以很容易地禁用所有的样式,默认样式,内联样式,内嵌样式,还有,你猜对了,打印样式!
它目前适用于Firefox和Chrome。我真的希望有一天Safari的扩展会出现,因为我主要使用Safari。我发现Safari的唯一选项是禁用所有样式–这是浏览器最新版本(5.0.3)的默认功能。在开发过程中,这个功能很有用,可以看到你的网站在纯文本浏览器上是如何被浏览的,但如果不能选择你要禁用的样式,它的作用就很有限。
下面是在Firefox中使用上述扩展禁用打印样式的例子。
来源 打印样式表–权威指南 。