Chrome window.print() 显示空白页？

泊安 2018-11-15 10:56:46

代码

偶发性效果

...全文

1017 8 打赏收藏转发到动态举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

泊安 2018-11-15

打赏
举报

回复

间歇性抽风就显示空白了······

泊安 2018-11-15

打赏
举报

回复

引用 7 楼 Free_Wind22 的回复:

延迟一段时间再打印呢，可能内容没渲染出来

你他娘的真是个天才，解决了···

囧 2018-11-15

打赏
举报

回复

延迟一段时间再打印呢，可能内容没渲染出来

泊安 2018-11-15

打赏
举报

回复 1

引用 3 楼 Free_Wind22 的回复:

你用setTimeout把内容删除了

屏蔽了还是偶尔会是空白页

泊安 2018-11-15

打赏
举报

回复

我按大家说的试试。

泊安 2018-11-15

打赏
举报

回复

引用 1 楼 qq_36067962 的回复:

间歇性抽风就显示空白了······

偶尔是好的。空白页只是间歇性出现。

囧 2018-11-15

打赏
举报

回复

你用setTimeout把内容删除了

scscms太阳光 2018-11-15

打赏
举报

回复

document.body.removeChild(iframe) 你都干掉了，不显示空白显示什么

以前在IE下用window.print实现打印由于有active等IE特性的强大功能，打印都比较简单。但是在FF，SAFARI，CHROME，以及MAC操作系统下用js实现打印会出现很多莫名其妙的问题。 1 预览和真实打印效果不同。在不同操作系统不同浏览器及版本下，这是很正常的。以最终目标打印结果为标准。 2 多页打印的排版错位。采用table动态生成tr td内容项拼凑出打印内

写在前面这几天朋友项目中还在使用window.print，结果问题它又来了。我写了个demo模拟遇到问题的场景，先看效果：看过我前一篇关于print的文章的小伙伴都很熟悉这个界面吧，上次截的时候就有这个页眉页脚了，但上次他没有提这个地方。这次发现问题了，就来解决一下。言归正传，那想去掉这个其实很简单，只要在浏览器设置中把页眉页脚勾掉就可以了：但还是那句话，你可能给每一个用这个项目的客户说，你要在打印之前去浏览器设置里把页眉页脚勾掉吗？显然是不可能的。所以像上次的背景水印一样，我们还

一般信息填写类的需求页面，都会增设「预览」和「打印」功能。我们会通过编写 DOM 及样式来绘制出预览视图，而打印则是基于预览来生成 PDF 文件。浏览器原生 API window.print() 可以用于打印当前窗口（window.document）视图内容。调用此方法会产生一个打印预览弹框，用户可以根据具体设置来得到打印结果。

浏览器打印

print()方法 print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框，让用户可以设置打印请求。最简单的打印就是直接调用window.print()，当然用 document.querySelector('print') 也可以达到同样的效果。默认打印页面中body里的所有内容。最简单的使用，直接window.print()就可以，当然，document.execCommand('print') 也可以达到同样的效果。代码示例： // 这里我们是对局部打印做

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章