gpt4 book ai didi

javascript - 在 IE 中打印时,iframe 在底部剪切

转载 作者:技术小花猫 更新时间:2023-10-29 12:11:13 25 4
gpt4 key购买 nike

在 IE11 上打印下面的页面时,剪切底部的 iframe 而不是让它扩展到下一页。我怎样才能防止这种情况发生并让它打印所有内容?

注意:要重现此问题,只需将下面的代码粘贴到记事本中并在 IE 中打开即可

<html >
<head>
<style>
.myiframe{
width:100%;
height:6000px;
}
</style>

</head>
<body>

<div>
<a href="javascript:print()" ><h1>Print</h1></a>
</div>

<iframe class="myiframe" id="myiframe" scrolling="no" src="https://en.wikipedia.org/wiki/Wiki"/>

<div>
The rest of the page
</div>

</body>
</html>

在 chrome 上它工作正常。 iframe的内容展开,全部打印出来

enter image description here

最佳答案

我试图找到一些解决方法来或多或少地获得相同的结果。这些解决方案应该适用于任何浏览器。

看方案4,好像最接近你想要达到的效果。 (有工作示例)

解决方案 1:我认为我有一个不完美的解决方案,但可能会完成这项工作。

就在打印之前,您将 iframe 替换为 iframe 的图像。我发现这个名为 iframe2image 的库:https://github.com/twolfson/iframe2image .

要捕获打印事件,您可以使用此问题的答案:https://stackoverflow.com/a/23170458/2525304

我还没有机会测试它,但我认为你可以用它来做点什么。


编辑:

解决方案 2:这是另一个可行的想法。你可以用这个 Html to PDF api首先将 iframe 的内容转换为 pdf。然后在 iframe 所在的位置包含此 pdf(例如使用 PDF.js)并打印页面。

这是另一个执行此操作的 API:http://www.convertapi.com/web-pdf-api


编辑 2:

解决方案 3(工作示例):我刚找到 this website可让您嵌入一个 Save page to PDF 按钮,该按钮将返回用户所在页面的 pdf 版本。您可以用此按钮替换页面上的打印按钮,并告诉用户打印生成的 pdf。

Working example

唯一的问题是用户被转到另一个网站下载文件。我认为您在支付 basic membership 费用时可以获得 pdf 文件的直接链接。 (5 美元/月)。可能有类似的服务提供我没有找到的免费直接链接。


编辑 3:

解决方案 4(带工作示例):

我刚刚找到了一个网站,它提供了指向该页面生成的 PDF 文件的直接链接。更多信息:http://pdf-ace.com/save-as-pdf-button/

Working example (我替换了 Print 按钮)

关于javascript - 在 IE 中打印时,iframe 在底部剪切,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45083085/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com