打印遇到的坑

                                                   打印技术分享

前辈们好! 这是我第一次分享自己项目中遇到的坑,如有错误,请指正

这次分享的内容是自己在项目中需要实现打印功能所遇到的坑以及自己查到的解决方法;
打印内容的设置;
如果是打印固定的内容,可以直接写入标签
htmlnode = “<img src=’”+imagesUrlFirst+"’’>";
新打开一个页面 :newwindow = window.open("", “”,);
用document.write将自己需要打印的内容写入进去: newwindow.document.write(htmlnode);
这样在新的页面就可以看到自己打印的内容;
然后再通过css设置媒体查询@memedia去设置自己打印需要的样式;注:样式最好写在style标签中,然后添加在你创建的元素之前;
然后再直接调用打印API就行(我自己用的浏览器自带的打印,没有用打印框架;可以尝试打印框架);这个时候的打印API就不是window.API,而是newwindow.print();
然后自己打印完成之后遇到的问题就是在打印预览的时候点击取消或者打印需要关闭新打开的页面,然后就一直在查找监听打印预览页面时候点击的是打印还是取消,最后通过知识分享才进行了打印或者取消然后关闭新打开的页面.用到的技术是window.matchMedia(‘print’),有一个matches参数,不管是打印还是取消都会返回,然后再去操作;这样就可以关闭打印时候新打开的页面这是我自己的代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值