问题描述：

项目中使用PDF打印，Google浏览器和ie都有默认的页眉页脚，页面四个角有时间，页码，网址，甚至还有undefined。

解决方案：

1.使用css样式，将页眉页脚去除。
2.ie兼容处理，（js函数）

一.Chrome处理

<style scoped>@page {size:auto !important;height: 100% !important;margin: 3mm 0 0 10mm  !important;
}
</style>

二.ie处理

methods: {print_page() {if (!!window.ActiveXObject || 'ActiveXObject' in window) { // 是否iethis.remove()}// window.print()},remove() {var hkey_pathhkey_path = 'HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\'try {var RegWsh = new window.ActiveXObject('WScript.Shell')RegWsh.RegWrite(hkey_path + 'header', '')RegWsh.RegWrite(hkey_path + 'footer', '')} catch (e) {}},}

<el-button v-print="#toPrint" type="primary" @click="print_page">打印机打印</el-button>

pdf打印去掉页眉页脚（兼容ie）相关推荐

[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚？
[html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚? <style type="text/css" media="print"> @pag ...
window.print() 实现A4纸张打印及去掉页眉页脚及打印链接
1.边距为无 <style> /* 布局纵向 */ .a4-endwise{width: 1150px;height: 1627px;border: 1px #000 solid;} /* ...
vue 打印功能调用原生print，带（去掉页眉页脚）分页打印
安装 vue-print-nb插件 npm install vue-print-nb --save 安装完成后在页面引入 import Print from 'vue-print-nb' </ ...
vue js 打印去掉页脚的链接，去掉页眉页脚
打印 <div style="padding-top: 15px;width:100px;"><el-button type="primary" ...
jquery.print.js 网页局部打印横向打印去掉页眉页脚
ie-设置(右上角齿轮)-打印-页面设置引入print.css,这个css里存的是自己要打印的区域的样式,比如table,tr,td,边框边距等的样式引入jquery.js和jquery.prin ...
【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上页眉页脚及时间. 在chorme中可以手动设置打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制: 参考:http ...
【Itext】7步制作Itext5页眉页脚pdf实现第几页共几页
itext5页眉页脚工具类,实现page x of y 完美兼容各种格式大小文档A4/B5/B3,兼容各种文档格式自动计算页脚XY轴坐标鉴于没人做的这么细致,自己就写了一个itext5页眉页脚工具类 ...
js 打印的一些技巧去除页眉页脚,主动分页
1.页眉页脚可以简单点用css来实现下拉把以下代码粘贴到页面里就可以了测试对于ie firefox chrome兼容都还不错 <style media="print"&g ...
html pdf支持css%写法吗,flying-saucer-pdf终于完美解决了（中文问题，换行问题，分页，页眉页脚，水印）,html+css控制pdf样式...
集成freemarker+flying-saucer-pdf+itext,通过html模板生成PDF 折腾了很久,flying-saucer-pdf终于完美解决了(中文问题,换行问题,页眉页脚,水印) ...
XMLWorkerHelper生成pdf文件添加页眉页脚
一.Controller代码 import java.io.ByteArrayInputStream; import java.io.FileOutputStream; import java.io. ...

pdf打印去掉页眉页脚（兼容ie）

问题描述：

解决方案：

一.Chrome处理

二.ie处理

pdf打印去掉页眉页脚（兼容ie）相关推荐

最新文章

热门文章