在iOS浏览器的iframe中部分显示pdf

时间:2014-08-21 06:11:54

标签: ios pdf iframe

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

1 个答案:

答案 0 :(得分:2)

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

临时解决方案:使用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