谷歌浏览器window.print()使用js设置页边距

qw_zhku 2017-09-25 12:44:16

如题：必须使用谷歌浏览器（客户要求），利用window.print()打印时如何用js设置页边距?（注意：客户无法手动选择页边距，浏览器被封装成了简易的客户端，点击打印的时候相当于按Ctrl+Shift+P弹出了系统对话框，系统对话框中只能选择纸张什么的，没有边距可以选择）。不能选择和设置边距导致我的纸张不能打到最左边，左边和上边始终有一个系统边距空白，不符合系统需求。

...全文

2375 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

文生_CN 2019-09-21

打赏
举报

回复

使用window.print打印frame框架

study201612 2017-12-13

打赏
举报

回复

您好，请问你现在解决了，我也遇到了这样的问题，需要打印二维码，让打印出来的二维码居中处理

qw_zhku 2017-09-26

打赏
举报

回复

搞了两天连个回复的人都没，这年头还是得靠自己解决，还不能结贴，c

最近，有一个开发任务，就是需要调用浏览器的自带的打印功能，打印页面中某一部分的表单内容（就是页面时什么样就什么样，把按钮…就是因为body缺少了这个，浪费了很多时间去排查（本猿对前端的深入不是很强）后面，在网上搜索了很多解决方法，也尝试了很多，都不管用。后面，我也会放置我使用的整个方案的代码到链接中：链接。这说明导出到浏览器自带打印界面时，没有自动分页。通过在表单页增加打印按钮，调用。单纯的调用会出现一个现象就是，有了这个配置之后，后面的。

在做B/S项目开发时。难免会遇到网页打印问题！本人在网络上搜集的一些资料拱大家使用！yzitw.com №网络剑客→ 搜集可以用css控制，看孟老大写的。@media print.a {display:block}.b {display:hidden}好像是这样。把你不想打印的部分class设为b首先在网页中添加： VIEWAS

框架：react+antd 一、代码： window.print(); 二、分页打印+谷歌打印的css样式我这里是表格的打印，表格数据很多，打印时需要分页。浏览器打印工具自动分页，Table的表头会自动显示在第2页上，但是顶着第2页的顶部，没有上边距，且上一页页尾也没有下边距，还有表格行拆开的样式。为了解决这些样式丑的问题，决定手动分页。未打印状态显示完整的1个表格，打印状态时，将1个表格拆...

目前正在做浏览器端采用JS方式实现打印这么一个功能，JS打印实现的方法很多，但是兼容各个浏览器实现打印预览的功能有些棘手，现将实现的内容及遇到的问题记录下来，希望有大牛看到所提的问题后可以给予解答，在此感谢啦。1.JS实现打印的方式方式一：window.print()window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是...

使用PrintJS打印时谷歌及其他浏览器均正常显示内容，火狐显示空白页面如何解决？

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章