网页打印

显示器(screen)和打印机(printer)是两种差别很大的设备,所以从浏览器里看到的页面,打印出来也许和你看到的样子有很大的差距。 screen一般使用逻辑单位比如px,而打印机则应该使用物理单位比如cm或in。我们常见的A4纸张大小在不同DPI的显示器上显示的大小是不同的。 因此如果要精确的控制打印效果就应该使用printcss，这是跨平台兼容的标准。不推荐使用浏览器插件方式实现打印。

web打印还有一种解决方式是生成pdf格式文件,客户端下载来打印,这也是不错的一种打印方式,因为pdf本身就是一种打印标准,可以做到精确控制。可以使用jsPDF在客户端动态生成pdf,也可以在服务器端使用一些组件生成pdf后传送给客户端。当然首选还是使用print css来实现打印。 使用link标签就像通常在html页面中引入样式表一样,不过附加一个额外的media属性,如下面这样:
link rel="stylesheet" href="print.css" media="print"/    style type="text/css" media="print" /style   

自己指定打印分页CSS

page- break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方 式。每个打印属性都可以设定4种设定值：auto、always、left和 right。其中Auto是默认值，只有在有需要时，才需设定分页符 号 (Page breaks)。page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
 

 

前端答疑—换行如何输出在页面上 工作中我们有下面几种方式收集用户输入的内容 input 输入框，单行，整体样式，纯文本。 textarea 输入框，多行，整体样式，纯文本。 contentEditable，多行，独立样式，富文本。 其他富文本编辑器，多行，独立样式，富文本。 在不想使用那么重的富文本编辑器的情况下，又想可以换行，那么 textarea 就是我们的不二之选。 下面我们就来说一下，如何在回显的时候也显示换行。
window.print —— 浏览器打印扫盲 近日有个需求是做页面打印的，趁这个机会补一下比较冷门的浏览器打印知识。本文只讨论 Chrome、Safari、Firefox浏览器的情况。
有时候需要修改网页中的内容，一般采取的做法是截图网页然后使用PS或特殊工具修改，这种方法麻烦又费力，而且修改后的效果往往不是很好。
使用jqprint插件完成页面打印 使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件，但是不得不承认这个插件确实很厉害，最近的项目中帮了我的大忙，在Web打印的方面，前端的打印基本是靠window.print()的方式进行打印的，而这个插件在其基础上进行了进一步的封装，可以打印网页上的某个区域，这是个亮点。