菜鸟教程小白 发表于 2022-12-12 11:33:48

ios - iOS浏览器iframe部分显示pdf


                                            <p><p>我们有一个主页，其中有 pdf 链接。单击这些链接后，页面将重定向到包含 iframe 的另一个页面。 pdf 文档将显示在该 iframe 中。此方案适用于 IOS 以外的其他操作系统。在 IOS 中，iframe 仅显示屏幕大小的 pdf 部分。它也没有为我们提供向下滚动的滚动条。我们尝试更改 css Overflow: scroll 但不起作用。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>如果您使用的是 iOS 8，则在 iframe 中显示 PDF 时存在一个错误，该错误基本上会截断 PDF 文件以仅显示第一页，就像显示图像一样。 Apple 尚未对此进行修复(iOS 8 中有 4+ 个主要版本)。这影响了我的销售人员在他们的平板电脑/手机上使用的应用程序，因此我必须创建一个解决方法。在 Apple 解决他们的问题之前，这对我们有用。</p>

<p><strong>临时解决方案</strong>:使用 Google Docs Viewer 作为文档的传递<br/>
<em>谷歌文档的鲜为人知的功能是能够将 URL 传递到 PDF。在 iOS 8 中就像一个魅力。</em></p>

<pre><code>//url of your PDF hosted wherever you currently keep it
var pdfurl = &#39;http://www.manning.com/crowther/HH5aCSS3_SampleCh-01.pdf&#39;;
//wrap the url with the google docs gview url
pdfurl = &#39;http://docs.google.com/gview?url=&#39; + pdfurl + &#39;&amp;embedded=true&#39;;
</code></pre>

<p>也许这个解决方法也可以帮助你。</p>

<p> <a href="http://jsfiddle.net/jrulle/Lm1m8wxq/" rel="noreferrer noopener nofollow"><strong>JSFiddle Demo</strong></a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - iOS浏览器iframe部分显示pdf，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/25419356/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/25419356/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - iOS浏览器iframe部分显示pdf