Come visualizzare il file PDF con nella stessa app in PhoneGap

Question

come mostrare il file Pdf con la stessa app di PhoneGap. Ho provato Inappbrowser, Mupdf, PDFJS tutti stanno visualizzando PDF utilizzando altro visualizzatore pdf. Vorrei aprire il file pdf con nella stessa app. Qualcuno mi può aiutare.Grazie in anticipo

Answer 1

(Scusa il mio povero inglese) I non so cosa intendi "nella stessa app", perché inappbrowser, Mupdf e pdf.js possono farlo tutti.

Nella piattaforma Android, la soluzione più popolare è inviare intent e aprire tramite altri visualizzatori di file PDF perché gli utenti possono scegliere lì preferito (si può provare File Opener 2). Se non ti piace, puoi creare un'attività per la visualizzazione di pdf nella tua app, proprio come MuPDF Viewer. Se vuoi aprire il file pdf in webview Cordova/Phonegap, hai bisogno di mozilla PDF.js, che è una pura js lib per il rendering di file pdf su tela HTML5, ma è piuttosto lento rispetto all'utilizzo di una soluzione nativa (anche tu costruisci con Crosswalk), quindi non suggerire quello

È molto più semplice nelle piattaforme iOS. Il numero di telefono UIWebView di iOS può aprire i file PDF in modo nativo, quindi tutto ciò che serve è utilizzare inAppBrowser Plugin. Se desideri più funzionalità, ci sono molti plugin (come Cordova PDFReader IOS) che puoi scegliere.

Spero che ti aiuti.

Answer 2

È possibile utilizzare il plug-in Google Docs Viewer per jQuery per visualizzare il documento PDF in div. Clicca here

Answer 3

per Cordova, la risposta di sachinM è perfetto - ma con un'estensione Usa uriEncodeComponent (link) e https://docs.google.com/viewer?url= collegamento

Doc, Excel, PowerPoint e PDF tutti supportati.

Utilizzare cordova nel browser dell'app.

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