在iphone webapp中打开pdf

时间:2013-03-20 00:35:31

标签: html5 jquery-mobile

我正在尝试从我的JQM webapp打开pdf。我已经尝试了iframes / embed / object,并且没有像iphone那样在桌面浏览器上工作(滚动,缩放等)。我已经决定只通过链接<a href="mypdf.pdf">Link</a>打开pdf。这在标准浏览器中工作正常,因为用户只需使用浏览器后退按钮即可导航回我的应用程序。

我遇到的问题是,当用户将页面保存到主屏幕并使用无边框Safari浏览器打开它时,他们不再拥有浏览器后退按钮。我已经尝试将target="_blank"添加到链接中,但显然JQM劫持了链接并阻止在新页面中打开,而且我无法让黑客工作。

我也试过pdf.js,但我似乎无法让它工作,因为我的javascript知识相当有限,而且这些例子非常先进。我找到的唯一一个教程使用了旧版本,但是我无法使用它。

有没有办法绕过JQM打开新窗口中的链接(在移动Safari中打开链接而不是我的无格式网络应用程序),或者是否有任何其他建议如何打开pdf一个webapp?

3 个答案:

答案 0 :(得分:5)

通过指定data-ajax=false

,只需禁用默认的jQuery Mobile行为

例如:

<a href="somefile.pdf" data-ajax="false">Link</a>

请参阅http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

答案 1 :(得分:0)

对于我的webApps,我使用https://docs.google.com/viewer将pdf嵌入到我的界面中。 因此,当我通过主屏幕图标浏览webApp时,打开pdf时应用程序不会关闭。

答案 2 :(得分:0)

我遇到了同样的问题:open pdf in webapp with html5

我尝试了几种解决方案:iframe,embed,pdf.js,但它们都不是最好的解决方案。

tips:iOS 9.x更高,打开pdf,iframe只显示pdf文件的第一页,调试时iframe正文中会有<img />标记。

util现在我仍然有这个麻烦的问题,任何人都有解决方案,请在这里写下您的经验。

谢谢。