2013-03-20 39 views
1

我想从我的JQM webapp打开pdf。我已经尝试了iframes/embed/object,并且这些工作都不在iphone上,就像他们在桌面浏览器上执行操作一样(滚动,缩放等)。我通过简单的链接<a href="mypdf.pdf">Link</a>打开pdf。这在标准浏览器中工作正常,因为用户可以简单地使用浏览器后退按钮导航回我的应用程序。iphone webapp中打开pdf

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

我也试过pdf.js,但我似乎甚至没有得到那个工作,因为我的JavaScript知识是相当有限的,而且这些例子都很先进。我发现的唯一教程使用了旧版本,我无法工作。

有没有什么办法绕过JQM在新窗口中打开链接(反过来在移动Safari浏览器中打开,而不是在我的无应用程序的Web应用程序中打开),还是有任何其他关于如何打开pdf的建议从一个Web应用程序?

回答

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

+0

我发现我仍然需要target =“_ blank”才能工作(JqM 1.3.2),但其他方面很好。 – 2014-04-16 08:23:11

0

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

0

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

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

tips:iOS 9.x上面的,带有iframe的pdf只显示pdf文件的第一页,当您调试时,iframe正文中会有一个<img />标签。

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

谢谢。

+0

我也面临在div内显示pdf的相同问题。这是一款混合移动应用程序。我也尝试过iframe,embed,object和pdfjs。同样的问题。在桌面浏览器(safari)中,一切正常,但在移动设备上,除pdfjs之外,它们都不起作用。 pdf.js显示所有页面的div内的PDF,它们是可滚动的。但捏缩放不可用。 – 2xSamurai 2017-12-15 04:38:43