1

我正在尝试从我的 JQM webapp 打开一个 pdf。我已经尝试过 iframes/embed/object,但这些都不能像在桌面浏览器上那样在 iphone 上工作(滚动、缩放等)。我已经解决了简单地通过链接打开 pdf 文件<a href="mypdf.pdf">Link</a>。这在标准浏览器中运行良好,因为用户可以简单地使用浏览器后退按钮导航回我的应用程序。

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

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

有没有办法绕过 JQM 在新窗口中打开链接(这又会在移动 safari 而不是我的 chromeless web 应用程序中打开),或者对于如何从 web 应用程序打开 pdf 有任何其他建议?

4

3 回答 3

5

只需禁用默认的 jQuery Mobile 行为,通过指定data-ajax=false.

例如:

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

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

于 2013-03-20T01:28:53.780 回答
0

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

于 2013-03-20T08:05:30.060 回答
0

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

我尝试了几种解决方案:iframe、embed、pdf.js,但没有一个是最好的解决方案。

tips: iOS 9.x 上,用iframe打开pdf只显示pdf文件的第一页,调试的时候iframe body会有一个<img />tag。

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

谢谢你。

于 2016-07-12T03:05:01.340 回答