如何在phonegap中的相同应用程序中显示PDF文件

Question

如何在同一个phonegap应用程序中显示Pdf文件.我试过Inappbrowser,Mupdf,PDFJS所有正在使用其他pdf viewer显示PDF.我想在同一个应用程序中打开pdf文件.任何人都可以帮助我.谢谢你提前

Answer 1

对于科尔多瓦，sachinM 的答案是完美的 - 但有一个扩展使用 uriEncodeComponent(link) 和https://docs.google.com/viewer?url= link

Doc、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;
            }
    }
    });

Answer 2

（请原谅我糟糕的英语）我不知道你的意思是“在同一个应用程序中”，因为inappbrowser、Mupdf和pdf.js都可以做到这一点。

在Android平台中，最流行的解决方案是intent通过其他pdf查看器发送和打开，因为用户可以选择最喜欢的（您可以尝试File Opener 2）。如果您不喜欢这样，您可以构建一个 Activity 来在您的应用程序中显示 pdf，就像MuPDF Viewer一样。如果你想在 Cordova/Phonegap webview 中打开 pdf 文件，你需要 mozilla 的PDF.js，这是一个纯 js 库，用于在 HTML5 画布上渲染 pdf 文件，但它比使用本机解决方案慢得多（即使你使用Crosswalk构建），所以我不建议这样做。

在 iOS 平台上这要容易得多。iOSUIWebView可以本机打开 pdf 文件，因此您只需要使用inAppBrowser 插件即可。如果您想要更多功能，有很多插件（例如Cordova PDFReader IOS）您可以选择。

希望对您有所帮助。