Öffnen Sie das PDF in das PhoneGap-App, die ist made in HTML und CSS

Ich habe ein seltsames problem mit meinem iPad-App im Handy Lücke. Das problem ist, dass ich zum öffnen von PDF-Dokument in meiner app durch links und wenn ich auf den link öffnet sich die PDF-Datei, zeigt er mir das PDF-Dokument mit keinen zurück-link.

Daher, wenn ich öffnen Sie das PDF-Dokument in meiner app über einen link, es nimmt mich in eine Sackgasse und es gibt keinen Weg, ich kann gehen Sie zurück auf die Startseite meiner app.

Meine Frage ist, wie kann ich eine Top-Bar, wenn ich ein PDF-Dokument öffnen, die mich zurück zu meiner Homepage? Jedes interne element für das iPad sein kann?

Vielen Dank.

InformationsquelleAutor Steve | 2013-07-08

12

Versuchen, mithilfe von In-App-Browser-plugin.

Wenn Sie mit einem späteren Phonegap /Cordova-version (2.8.0, 2.9.0 etc), sollte es mit ihm kommen - sonst gibt es nichts zu installieren.

http://docs.phonegap.com/en/2.9.0/cordova_inappbrowser_inappbrowser.md.html#InAppBrowser

Es wird Ihnen erlauben, öffnen Sie das PDF in einem neuen 'Fenster', die überlagerungen Ihrer app. Es hat eine 'Fertig' - Schaltfläche, die Benutzer verwenden können, um es zu schließen und zurück zu Ihrer app, wenn Sie fertig sind.

Öffnen Sie die PDF-Datei über den In-App-Browser, mit so etwas wie dieses:
```
window.open('http://whitelisted-url.com/pdftoopen.pdf', '_blank');
```
I. e. die _blank option löst die In-App-Browser-plugin. Wenn Sie auf _system statt es könnte öffnen Sie es in iBooks (nur raten es nicht zu 100% sicher, ob es mit iBooks).
- Kann jemand, der passiert ist, zu wissen, warum dies nicht funktioniert für mich auch? Ich benutze ein iphone 4 und ein cordova-3.
- i dont get "sollte es mit ihm kommen". im mit cordova 3.6 und ja, Sie haben installieren org.apache.cordova.inappbrowswer für Sie zu arbeiten. Dies hat Super funktioniert. Danke!
- Für Cordova version 2.x, viele der plugins (einschließlich In-App-Browser) wurden standardmäßig enthalten. Mit 3.x, die plugins sind optional, und installieren Sie die, die Sie wollen.
InformationsquelleAutor asgeo1
4

Versuchen, indem https://docs.google.com/viewer?url= in der URL

wie window.open('https://docs.google.com/viewer?url=http://www.example.com/example.pdf&embedded=true', '_blank', 'location=yes');
- Dies erfordert, dass der Benutzer zum einloggen bei Google Drive. Stellen Sie auch sicher zum codieren der url-parameter. Clevere Lösung wenn.
- Ich habe die PDF-Datei zu Google Drive und setzen teilen auf öffentlich, dann teilten den link. Ich glaube nicht, dass diese Methode erfordert, dass der Benutzer angemeldet sein.
InformationsquelleAutor BetRob
1

Versuchen, diese zu öffnen, jede Art von Dokumenten von URL mit Hilfe der folgenden Schritte aus:
- dieses plugin installieren : cordova plugin add https://github.com/ti8m/DocumentHandler
- verwenden Sie diesen code :
  
  handleDocumentWithURL(function() { console.log('Erfolg'); }, function(error) { console.log ("Fehler"); if (Fehler == 53) { console.log('Keine app, mit der dieser Dateityp.'); } }, 'http://www.example.com/path/to/document.pdf');
Es funktioniert bei mir sowohl auf Android und IOS. Ich benutzte es für open Bilder und PDF - Dateien.

Android : Es öffnet Dateien, die mit system apps, falls verfügbar, sonst gibt es eine Fehlermeldung, die Sie behandeln können.

IOS : Es öffnet Dateien im popup-wie Ansicht mit Fertig-Taste und Option-Taste.

Es nicht zeigen Sie Ihre Google docs-URL.

Quelle ist hier verfügbar : https://github.com/ti8m/DocumentHandler

InformationsquelleAutor SANAT
0

Dank asgeo1,

Ich löste es, indem window.open().
```
<a href="#" onclick="window.open('http://12example.pdf', '_blank', 'location=no');"><img src="images/samplens.jpg" border="0" /></a>
```
Hoffe, es hilft.
- Ja, bei der Verwendung von phonegap, Fenster.öffnen Sie löst die In-App-Browser-plugin, das ich erwähnt 😉
InformationsquelleAutor Steve

Habe ich am Ende mit WebIntent

beschrieben hier. Der schwierige Teil war, zu ändern WebIntent.java um richtig zu identifizieren, Datei-Typ:

String type = obj.has("type") ? obj.getString("type") : null;  
 //New code starts  
 Uri uri = obj.has("url") ? Uri.parse(obj.getString("url")) : null;  
 String extension = MimeTypeMap.getFileExtensionFromUrl(obj.getString("url"));  
 if(extension != null){  
      MimeTypeMap mimeTypeMap = MimeTypeMap.getSingleton();  
      type = mimeTypeMap.getMimeTypeFromExtension(extension);  
 }  
 //New code ends  
 JSONObject extras = obj.has("extras") ? obj.getJSONObject("extras") : null;

InformationsquelleAutor lucas

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.