Various front-end printing methods on the web: jquery printing plug-in jqprint realizes web page printing_jquery

html code:

javascript code:

The plug-in also provides some configurable parameters:
debug: false,//If true, the iframe viewing effect can be displayed (iframe default The height and width are very small and can be increased in the source code), the default is false
importCSS: true, //true means importing the css of the original page, the default is true. (If it is true, it will first look for $("link[media=print]"), if not, it will look for the css file in $("link"))
printContainer: true, // means if the original selection The object must be included in printing (note: setting to false may break your CSS rules).
operaSupport: true//Indicates that if the plug-in must also support the opera browser, in this case, it provides the creation of a temporary printing tab. The default is true
and I only use importCSS: links in the original page will be imported into the iframe. The first time it prints media searches = print, if not, the normal css file will be imported.

importCSS example: