如何在同一個phonegap應用程序中顯示PDF文件。我試過Inappbrowser,Mupdf,PDFJS都顯示PDF使用其他pdf viewer.i想打開PDF文件與在同一個應用程序。任何人都可以幫我。預先感謝如何在同一個手機應用程序中顯示PDF文件
回答
(對不起我可憐的英語)我不知道你的意思是「在同一個應用程序」,因爲inappbrowser
,Mupdf
和pdf.js
都可以做到這一點。
在Android平臺上,最流行的解決方案是發送intent
並通過其他pdf查看器打開,因爲用戶可以選擇最喜歡的(你可以嘗試File Opener 2)。如果你不喜歡這個,你可以在你的應用中創建一個活動來顯示pdf,就像MuPDF Viewer一樣。如果你想在Cordova/Phonegap webview中打開pdf文件,你需要mozilla的PDF.js,這是一個pure-js庫,用於在HTML5畫布上渲染pdf文件,但它比使用本地解決方案(甚至你用Crosswalk構建)要慢很多,所以我沒有建議。
在iOS平臺上更容易。 iOS的UIWebView
可以原生打開pdf文件,因此您只需要使用inAppBrowser Plugin。如果你想要更多的功能,可以選擇很多插件(如Cordova PDFReader IOS)。
希望能幫到你。
謝謝我明白了,我可以在應用程序中打開PDF文件。但我必須顯示與一個div。 –
@Fomahaut我已經嘗試過PDF.js,但是從我的理解中,需要從Web服務器提供頁面。你確定這可以與Cordova移動應用程序一起使用嗎? –
你可以使用谷歌文檔查看器插件jQuery顯示PDF格式的文檔在div中。 點擊here
的科爾多瓦,sachinM的答案是完美的 - 但有一個擴展 使用uriEncodeComponent(鏈接),https://docs.google.com/viewer?url=鏈接
文檔,Excel,PowerPoint和PDF格式都支持。
在應用程序瀏覽器中使用cordova。
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
window.open = cordova.InAppBrowser.open;
}
$("body").on("click",function(e){
var clicked = $(e.target);
if(clicked.is('a, a *'))
{
clicked = clicked.closest("a");
var link = clicked.attr("href");
if(link.indexOf("https://") !== -1)
{
if(true) //use to be able to determine browser from app
{
link = "http://docs.google.com/viewer?url=" + encodeURIComponent(link) + "&embedded=true";
}
window.open(link, "_blank", "location=no,toolbar=no,hardwareback=yes");
return false;
}
}
});
- 1. 如何在Java GUI應用程序中顯示PDF文件?
- 2. 如何在UWP應用程序中顯示PDF文件?
- 3. 如何在Android的Cordova應用程序中顯示PDF文件?
- 4. 哪個庫用於在應用程序中顯示PDF文件?
- 5. 在同一款手機的兩部手機中顯示不同文字大小的應用程序
- 6. 如何在Microsoft Surface應用程序中顯示PDF文檔?
- 7. 如何讓一個應用程序適合不同的手機
- 8. 在Web應用程序中顯示PDF
- 9. 在android應用程序中顯示pdf
- 10. 在Rails應用程序中內嵌顯示pdf文件
- 11. 在Android活動中顯示PDF文件的應用程序
- 12. 在GWT應用程序中顯示PDF文件
- 13. 無法在我的jsf2應用程序中顯示pdf文件
- 14. WPF應用程序顯示PDF文檔
- 15. 如何使用c#在asp.net web應用程序中顯示.pdf文件?
- 16. PDF字節數組到pdf文件顯示Android應用程序
- 17. 如何在我的ASP.net Web應用程序中顯示pdf文件?
- 18. 如何在64位winforms應用程序webBrowser控制器中顯示PDF文件
- 19. 如何在phonegap應用程序中顯示telugu,hindi和其他pdf文件?
- 20. 在Qt應用程序中顯示一個.dot文件
- 21. 在Android手機應用程序圖標中顯示徽章
- 22. 如何在黑莓手機上顯示整個應用程序的時鐘數?
- 23. 玩1.2.4手機和PC設計在同一個應用程序
- 24. iOS如何在iOS應用程序中顯示下載的PDF?
- 25. 如何在ios應用程序中顯示pdf?
- 26. 如何在SWT應用程序中顯示PDF?
- 27. 從pdfsharp顯示手機中顯示的奇怪文本.pdf
- 28. 在一個根應用程序中顯示不同的Web應用程序
- 29. 如何在空中應用程序中顯示文件系統?
- 30. 手機無法顯示android應用程序顯示在Android Studio中當調試
也許這是你正在尋找的插件?看文檔的底部,有截圖:https://github.com/sitewaerts/cordova-plugin-document-viewer – Sithys