浏览器打印58小票方法及限制

Posted 2020-10-06 猫不白

浏览器打印58小票

浏览器端的打印是极其普遍的一个应用场景，如票据、OA管理、应用文档笔记等的打印。随着基于云端管理的web应用越来越广泛，对于浏览器的打印需求会越来越多。小票打印就是近年来的一个新的浏览器打印应用。

浏览器打印的说明

PC端的每款浏览器都是支持打印功能的，很多的浏览器都对打印功能做了封装，打印时弹出的是预览对话框，如谷歌、360、百度等浏览。同时这些浏览器一般都提供选项，可以选择使用系统设置对话框。火狐则是直接使用的系统对话框（我比较喜欢这个）。

在打印大纸张的文件时，直接弹出预览是比较合适的。但是在打印小票时，由于小票的字号比较小，基本是10、12、14号字体，预览就是一团小字，什么都看不清了，还不如优先弹出系统对话框，让用户直接选择打印。

浏览器打印的方法

打印小票的方法跟打印其他尺寸文件的方法是一致的，流程：

1. 按ctrl+p调出打印对话框（或预览对话框）
2. 选择打印机类型，确保小票打印机连接正常
3. 设置边距（非常重要，浏览器打印机有默认边距的，如果不设置，打印预览/打印时可能会一片空白）
4. 打印

浏览器打印的限制

由于浏览器的安全限制，严格来说，浏览器端是无法实现自动打印的，每次打印时，都会弹出系统的打印对话框（或打印预览），点击确认之后才可以打印文件。否则，广告、恶意网站要占据打印机了。

浏览器自动打印

要实现浏览器端的自动打印，有三种途径：

1. 浏览器提供后门选项，后门选项隐藏打印对话框

   目前测试只有火狐、谷歌可以设置设个后门，IE可能也可以（但是我不用IE，没测试），国产的浏览器可能就都没有针对这个做改进

2. 使用浏览器插件

   插件的本质也是打开了安全权限，可以直接调用系统打印。

   插件一般是收费的，而且安装应用起来非常麻烦。由于各浏览器的插件加载方式不一致，你会对插件的配置感到很失望。

   但是插件在国内的市场还是不小的，主要是在政府、科研等公共、事业单位，主要原因可能是因为这些单位还大比例地使用着古老的IE

3. 使用云打印机

   其实这种方法跟浏览器已经没有什么关系了。云打印机也是最近两年开始兴起的一个物联网产品。通过配置打印机与云服务器连接，然后在web应用中配置云打印机的接口，在打印时，向打印服务器发送打印内容，打印服务器再转发给打印机。跟浏览器的打印已经脱离联系了。

   云打印机及云打印服务器本身没有太复杂的技术，对于现有打印机的升级为wifi云打印机的成本其实在30块的成本以内，但是云打印机目前却卖的非常的贵，一般是普通打印机的两倍到三倍。市场还是很有前景的。

浏览器js调用打印

这里就不做详细的说明了，只用少数几句代码就能达到目的。

通过调用window.print()可以直接调出系统打印对话框

在css中通过@media print可以控制打印内容，同时配合display属性，控制显示和隐藏的内容

360浏览器对于js打印时css控制支持不友好，无法隐藏内容

---

Sep09，17小结