网页打印非常优秀的插件 Print.js 您所在的位置:网站首页 网页打印代码怎么设置 网页打印非常优秀的插件 Print.js

网页打印非常优秀的插件 Print.js

2023-09-23 08:11| 来源: 网络整理| 查看: 265

前言:最近需要在网页上打印,网上找了很多,刚开始使用的 lodop打印插件来打印,没有达到理想的要求,它需要下载、区分浏览器的位数来安装、在vue使用时候必须写成内部样式,在笔记本样式失效等问题,使我不得不放弃 lodop打印插件的使用,有兴趣的可以看下 经过同事的告知,找到了一款非常优秀的打印插件,Print.js,一款小巧且非常强大的打印插件,同事是在github上搜索的,而我是在百度上搜索的,所以对于自己没有及时发现它而感到遗憾,却有幸使用它而开心

Print.js的github地址 readme中有使用说明】 Print.js官网地址 里面有具体的使用方法和examples

目前发现的缺点,对ie浏览器的打印效果不好,直接就打印了,看不到预览的效果

以下为转载它人的,类似官网的例子,自己很懒,就不自己码字了

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

npm install print-js --save

官方下载地址:

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' })


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有