2013-03-20 38 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