浏览器打印 之 window.print() 设置打印样式和内容

您所在的位置:网站首页 打印样式添加怎么设置 浏览器打印 之 window.print() 设置打印样式和内容

浏览器打印 之 window.print() 设置打印样式和内容

2024-07-12 01:21| 来源: 网络整理| 查看: 265

项目中用的是谷歌浏览器,js 执行 window.print() 就会调用谷歌浏览器的打印功能。

打印其实打印的是整个当前网页,只是用媒体查询(@media print)把网页中要打印的内容做了显示,不打印的内容做了隐藏而已。

针式打印机由于存在失真问题,所以像有些边框颜色设置的比较浅的就没法打印出来,可以设置边框颜色深一点。

无标题文档 .printonly{ display:none } @media print{ input,.noprint{ display:none } .printonly{ display:block; width:50% } } /** .printonly{ display:none } 不能写到这里,会导致打印时printonly的内容也不显示 */ 这段打印时不显示 这段打印时会显示 This is print-only

 

 

 

 

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3