如何打印隐藏 iframe 的内容?

Posted

技术标签:

【中文标题】如何打印隐藏 iframe 的内容?【英文标题】:how to print the contents of a hidden iframe? 【发布时间】:2010-10-09 12:26:47 【问题描述】:

我想打印一个放在 iframe 中但不希望内容显示在网页中的页面,但是当我将 iframe 放入 display='none' 时,打印按钮不起作用

我做了什么:- 我设置了 iframe 样式='none'

"名称="frame1" >
<input type="button" onclick="frames['frame1'].print()" value="print!">

如何打印 iframe 的内容而不显示在网页上,或者说隐藏 iframe

非常感谢任何帮助.....

【问题讨论】:

【参考方案1】:

您打印了一个 css 文件,但在该文件中您没有 display: none 样式。

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />

Here's a link to media types,感谢 Dror。

【讨论】:

我给了+1!这里还有一个媒体类型的链接:w3.org/TR/CSS2/media.html【参考方案2】:

您可以尝试使用 visibility: hidden 并将宽度和高度分别设置为 1px,而不是 display: none。

【讨论】:

以上是关于如何打印隐藏 iframe 的内容?的主要内容,如果未能解决你的问题,请参考以下文章

UIPrintInteractionController 总是显示当前的 WKWebView 而不是 iFrame 内容

如何使用外部图像 url 打印 iframe 内容

隐藏 iframe 的内容高度

防止 iframe 内容在 firefox 中隐藏时重新加载

iframe隐藏html元素

如何使用 jquery 从 iframe 获取内容? [复制]