iOS浏览器iframe部分显示pdf答案

【问题标题】：Partial display of pdf in iframe of iOS browseriOS浏览器iframe部分显示pdf
【发布时间】：2014-08-21 06:11:54
【问题描述】：

我们有一个主页，其中有 pdf 链接。单击这些链接后，页面将重定向到包含 iframe 的另一个页面。 pdf 文档将显示在该 iframe 中。此方案适用于 IOS 以外的其他操作系统。在 IOS 中，iframe 仅显示屏幕大小的 pdf 部分。它也没有为我们提供向下滚动的滚动条。我们尝试更改 css Overflow: scroll 但不起作用。

【问题讨论】：

标签： ios pdf iframe

【解决方案1】：

如果您使用的是 iOS 8，则在 iframe 中显示 PDF 时存在一个错误，该错误基本上会截断 PDF 文件以仅显示第一页，就像显示图像一样。 Apple 尚未对此进行修复（iOS 8 中有 4+ 个主要版本）。这影响了我的销售人员在他们的平板电脑/手机上使用的应用程序，因此我必须创建一个解决方法。在 Apple 解决他们的问题之前，这对我们有用。

临时解决方案：使用 Google Docs Viewer 作为文档的传递
Google 文档的鲜为人知的功能是能够将 URL 传递到 PDF。在 iOS 8 中就像一个魅力。

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

也许这个解决方法也可以帮助你。

JSFiddle Demo

【讨论】：