好用的web打印控件- crabbly print.js

安利一款好用的web js打印控件，支持打印html、pdf、image、json类型。打开预览时响应速度非常快，使用

npm install print-js --save

或

官方下载地址:

csdn地址(送我个分，支持下)

等等...

pdf:

 
    Print PDF
 

html:

打印区域id范围中

    ...
 

 
    Print Form
 

image:

printJS('images/print-01-highres.jpg', 'image')

json:

 someJSONdata = [
    {
       name: 'John Doe',
       email: '[email protected]',
       phone: '111-111-1111'
    },
    {
       name: 'Barry Allen',
       email: '[email protected]',
       phone: '222-222-2222'
    },
    {
       name: 'Cool Dude',
       email: '[email protected]',
       phone: '333-333-3333'
    }
 ]

    Print JSON Data
 

全部参数可以直接查看官网点击打开链接,

github地址:点击打开链接

这里主要说下打印html时候需要注意的事项:

直接采用默认的参数打印html的时候如果打印内容过多时候可能会非常慢，这时候需要设置scanStyles:false,然后把css抽取出来，这样速度就会非常的快！测试下打打开50页，甚至更多都是非常快的，没有卡顿现象。

printJS({ printable: 'myHtmlElement', type: 'html', scanStyles: false, css: '/my_stylesheet.css' })