Jak wyświetlić plik PDF w tej samej aplikacji w phonegap

Question

, jak wyświetlić plik Pdf w tej samej aplikacji w telefonie. próbowałem Inappbrowser, Mupdf, PDFJS wszystkie wyświetlają PDF za pomocą innego pdf viewer.i chciałbym otworzyć plik pdf w tej samej aplikacji. Czy ktoś mi pomoże. Dzięki z góry

Answer 1

(Przepraszam za mój słaby angielski) I nie wiem, co masz na myśli "w tej samej aplikacji", ponieważ wszyscy mogą to zrobić, inappbrowser, Mupdf i pdf.js.

W platformie Android najpopularniejszym rozwiązaniem jest wysłanie intent i otwarcie przez inne przeglądarki plików pdf, ponieważ użytkownicy mogą wybrać tam ulubione (można wypróbować File Opener 2). Jeśli ci się to nie podoba, możesz utworzyć działanie, by wyświetlać plik PDF w swojej aplikacji, podobnie jak MuPDF Viewer. Jeśli chcesz otworzyć plik PDF w przeglądarce internetowej Cordova/Phonegap, potrzebujesz plikumozilli, który jest biblioteką czysto js do renderowania pliku PDF na płótnie HTML5, ale jest wolniejszy niż przy użyciu natywnego rozwiązania (nawet kompilujesz z Crosswalk), więc nie sugerować, że.

Jest o wiele łatwiejsze na platformach iOS. System iOS może otwierać pliki w formacie pdf, więc wszystko, czego potrzebujesz, to: inAppBrowser Plugin. Jeśli chcesz mieć więcej funkcji, możesz wybrać wiele wtyczek (np. Cordova PDFReader IOS).

Nadzieję, że pomaga z tobą.

Answer 2

Możesz użyć wtyczki Google Docs Viewer do jQuery, aby wyświetlić dokument PDF w div. Kliknij here

Answer 3

dla Cordova, odpowiedź sachinM jest doskonały - ale z rozszerzeniami Zastosowanie uriEncodeComponent (link) i https://docs.google.com/viewer?url= Link

Doc, Excel, PowerPoint i PDF wszystkie obsługiwane.

Skorzystaj z cordova w przeglądarce aplikacji.

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