好用的web打印控件- crabbly print.js_crabbly printjs 页脚-优快云博客

本文介绍了一款名为PrintJS的WebJS打印控件，它支持html、pdf、image及json等多种格式的打印。该控件响应速度快，适用于网页内容打印，特别是大量html内容的快速打印。文章还提供了一些使用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

npm install print-js --save

或

官方下载地址:

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

<script src="print.js"></script>

等等...

pdf:

 <button type="button" οnclick="printJS('docs/printjs.pdf')">
    Print PDF
 </button>

html:

打印区域id范围中

<form method="post" action="#" id="printJS-form">
    ...
 </form>

 <button type="button" οnclick="printJS('printJS-form', 'html')">
    Print Form
 </button>

image:

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

json:

 someJSONdata = [
    {
       name: 'John Doe',
       email: 'john@doe.com',
       phone: '111-111-1111'
    },
    {
       name: 'Barry Allen',
       email: 'barry@flash.com',
       phone: '222-222-2222'
    },
    {
       name: 'Cool Dude',
       email: 'cool@dude.com',
       phone: '333-333-3333'
    }
 ]

<button type="button" onclick="printJS({printable: someJSONdata, properties: ['name', 'email', 'phone'], type: 'json'})">
    Print JSON Data
 </button>

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

github地址:点击打开链接

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

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

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