如何使用web浏览器进行网页打印操作？

本文共计1319个文字，预计阅读时间需要6分钟。

1. 浏览器打印相对简单，但直接控制打印过程可能会让人感到繁琐。对于简单的打印需求，直接使用 `window.print()` 即可满足。

2.市面上有各种打印控件，但它们往往无法满足更高级的打印控制需求。

1、浏览器打印相对还是比较简单的，但也导致控制起来就麻烦。对于简单的打印需求直接用js调用window.print()即可。如果想要更好的控制打印结果，那这个就不能满足了。

2、市面上有挺多专门做打印功能的商用插件，要不收费，要不免费版阉割有水印，这在公司里使用自然是不行的。也有第三方的插件可用。但如果能自己去封装组件的话，要控制起来自然就更爽了。所以本篇介绍一个打印插件，用vue方式封装，直接js也是简单改改可用，毕竟知道原理才是重点。抛开浏览器的限制，比如在nw和electron项目中，就可以直接调用底层api通过打印指令打印，这就在此不表，后续可以专门在写一篇这个的打印。

3.浏览器控制打印样式和页面布局是不同的，核心就是尺寸，字体和分页这些。尺寸单位在网页上是px单位，打印用的毫米(mm),比如A4纸尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸
所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制作网页的时候需要的象素。一般页面样式和打印样式会不同，打印样式可用媒体查询@media print {}设置或者单独指定print文件使用。