web-dev-qa-db-ja.com

表示方法PDF同じアプリ内のファイルをphonegapで

同じphonegapアプリでPDFファイルを表示する方法。 Inappbrowser、Mupdf、PDFJSをすべて表示していますPDF他のPDFビューアを使用しています。同じアプリでPDFファイルを開きたいです。誰か助けてくれませんか。よろしくお願いします。

cordovaphonegap-pluginsphonegap-buildpdf-viewer
9
k.nagababu

cordovaの場合、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;
            }
    }
    });
3
Marc Magon

（私の貧弱な英語を失礼します）inappbrowser、Mupdf、およびpdf.jsがすべてそれを行うことができるので、「同じアプリ内で」あなたが何を意味するのかわかりません。

Androidプラットフォームでは、最も一般的な解決策はintentを送信し、他のpdfビューアを介して開くことです。これは、ユーザーがお気に入りを選択できるためです（ File Opener2を試すことができます） ）。それが気に入らない場合は、 MuPDF Viewer のように、アプリにpdfを表示するためのアクティビティを作成できます。pdfファイルを開く場合Cordova/Phonegap Webビューでは、mozillaの PDF.js が必要です。これは、HTML5キャンバスでPDFファイルをレンダリングするための純粋なjsライブラリですが、ネイティブソリューションを使用するよりもかなり低速です（ Crosswalk ）でビルドするので、お勧めしません。

IOSプラットフォームでははるかに簡単です。 iOSのUIWebViewはPDFファイルをネイティブに開くことができるため、必要なのは inAppBrowserプラグイン を使用することだけです。より多くの機能が必要な場合は、選択できるプラグインが多数あります（ Cordova PDFReader IOS など）。

それがあなたの助けになることを願っています。

3
Fomahaut

JQuery用のGoogleDocs Viewerプラグインを使用して、PDFドキュメントをdivに表示できます。クリック ここ

1
sachinM