js 打印总结

最近项目需要做一个功能关于网页打印功能，赛后总结。

网页打印主要都是引用window.print();这个方法

这个方法用起来有时比较操蛋。所以在网上找了很多关于这方面的插件。其实这些插件也是引用这个方法，只将其改造。使得用起来比较方便。

这里推荐一下printThis。是用jquery写得一个打印插件。这个插件是 jPrintArea，jqPrint基础上更新的。

* Usage:**  $("#mySelector").printThis({*      debug: false,              * show the iframe for debugging*      importCSS: true,           * import page CSS*      printContainer: true,      * grab outer container as well as the contents of the selector*      loadCSS: "path/to/my.css", * path to additional css file*      pageTitle: "",             * add title to print page*      removeInline: false,       * remove all inline styles from print elements*      printDelay: 333,           * variable print delay S. Vance*      header: null               * prefix to html*  });

可以指定一个DIV打印，方便得很！！

https://github.com/jasonday/printThis

然后打印的时候会根据定义CSS，有所变化。例如：另一起一页，隐藏一些控件之类。下面是总结一些打印时候的技巧

@media print 这个用来定义打印时候用的CSS。

@media print{.page-break { display:block; page-break-before:always; //这个用来定义分页的}.page-noPrint { display:none;  //这个隐藏不想显示在打印页面的东西}}

<div class="page-break"></div>