【问题标题】:Print an Html scrollable page: scrollable part not printed打印 Html 可滚动页面:未打印可滚动部分
【发布时间】:2013-02-18 08:56:00
【问题描述】:

我在打印 html 页面时遇到问题。实际上我的结构如下: 我有一个包含几个 iframe 的 html 页面。这些 iframe 中的每一个都嵌入了一个 html 页面。我需要做的是在 fraim“Main”中添加一个打印链接,让用户打印 iframe 内容。

我在该特定 iframe 的 html 中添加了以下内容:

<a href="javascript:window.print()"><img src="./custom/images/print.png" /></a>

但我有几个问题。 1)主要是这个页面内的文本是可滚动的,因为它是动态的并且可以很长,所以通常不会适合屏幕,用户需要滚动才能看到整个文本。现在,当我尝试打印页面时,打印的只是我放置链接的 iframe 的内容(这是我想要的,即使是意外的原因,我从未指定它)并且只有文本的可见部分,相反,我想要它作为一个完整的文件。还打印了可滚动条,我不知道为什么。我需要添加什么来打印所有内容吗?

2) 我在 Safari 中还有另一个不正确的行为,而 Chrome 没有。基本上,当我单击 Chrome 上的打印按钮时,浏览器会打开一个新层,其中显示页面预览,加载我创建的“打印”css(这真的很酷,可能是 Chrome 的功能)。与 safari 不同,预览直接加载到 iframe 中,因此显示给用户的内容会发生变化,并且通常会卡在上面。你知道我为什么会遇到这个问题吗?对我来说不显示任何打印预览是可以的,我只是希望页面中的内容不要被修改。

附:关于第一点我需要直接打印页面,如果页面,我无法打开一个带有可打印版本的新窗口,然后打印新的。这导致我的页面是使用外部“工具”api动态生成的,所以假设我没有脱离这个上下文。 我可以,但我需要请人创建一个 API 来执行此操作,并且只有在我 100% 确定这会解决问题的情况下才能执行此操作。

感谢大家。

【问题讨论】:

    标签: javascript css html


    【解决方案1】:

    老实说,保持简单!

    在 iram 下有一个可打印版本的链接!所以说你有你的 iframe 代码

    <iframe>page2.php </iframe>
    <a href="page2.php">Print</a>
    

    这是一个真正的新作品,看起来不错,大多数用户都会接受,因为它的场景很多!

    iframe标签中的page2.php自然只是一个表示, 我相信还有另一种方法,但对我来说这将是最简单的!

    【讨论】:

    • 如果您要添加指向页面可打印版本的链接,我无法做到。我简化了我的情况,但我没有处理我自己创建的东西,我可以完全控制,所以我无法链接到页面的可打印版本,因为我没有链接。我正在显示的页面是从 xml 动态生成的,让我们简单地说我不能在另一个页面中显示它....我必须直接打印我拥有的页面,
    • 打印滚动条和页面上可见文本的原因是因为您打印的主页不是 iframe 中的内容。假设您的 iframe 在 page1.php 上,而 iframe 显示 page2.php。从 iframe 中打印 page2.php 到您的打印 page1.php,这可以让您在 page1.php 上看到什么。因此,您将不得不调用要打印的 iframe 中的信息而不是 iframe 所在的页面。您可以尝试使 iframe 100% 填充页面并允许完整打印信息
    • 这可能是对的,但如果我打印的是 page1.php 而不是 page2.php 为什么在打印的纸上我只有 page2.php(即使是部分)而不是所有其他元素和 iframe page1.php 内?我的打印 css 我不会把它们剪掉
    • 嗯,您调用的 javascript 代码在哪里?它会在第 1 页还是第 2 页上。javascript 可能会调用 page1 上显示的 page2 但由于它位于第 1 页上而无法读取页面的其余部分,尝试将 javascript 代码放在第 2 页上,这样可能会起作用!
    • 对不起,我不能再提供更多帮助了 =/
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-12
    • 1970-01-01
    相关资源
    最近更新 更多