浏览器打印功能去除页眉页脚保留页码解决方案
需求是要在谷歌浏览器上打印时显示每页页码,但不能出现其余页眉页脚信息,经过网上查找发现原生的谷歌打印并没有办法区分页码和其他页眉页脚的信息,于是只能用土办法了
解决办法:
let bodyEle = $('body');
//获取页面总长度
let bodyHeight = bodyEle.height();
//获取页数 1430:单页A4纸总高度(不同得浏览器打印高度不一致,根据自己需求调整)
let count = bodyHeight/1430;
//动态添加页码 通过绝对定位
for(let i = 0; i < count; i++){
let foot = '<div style="position:absolute;top:' + 1430*(i+1) + 'px;left:40px;font-size:20px;font-weight:600">' + (i + 1) + '<div>';
bodyEle.append(foot);
}