Cordova InAppBrowser - Wie URL und Navigationsleiste deaktivieren?

Question

Ich baue gerade eine News Aggregator App und ich benutze InAppBrowser, damit Leute die Artikel lesen können. Nun, meine Fragen sind: Kann ich die URL und die Navigationsleiste entfernen? Kann ich auch den Text der Schaltfläche "Fertig" ändern?

Bitte lassen Sie mich wissen ...

Dank

Answer 1

der URL zu entfernen, setzen Sie einfach die 'Lage' Option "kein".
(On Android, entfernt diese die 'Back/Forward' Buttons, URL und Schaltfläche 'Fertig', nicht nur die URL an.)

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'location=no'); 

Der Text 'Fertig' Taste kann durch Hinzufügen eines geändert werden 'closebuttoncaption' Option.
(auf Android, die Schaltfläche 'Fertig' ist nur ein X, so 'closebuttoncaption' hat keine Auswirkungen.)

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'closebuttoncaption=My Button Name'); 

Auf iOS-Geräten kann die Symbolleiste, indem Sie die 'Symbolleiste' entfernt werden Option zu "nein".

var ref = cordova.InAppBrowser.open('http://apache.org', '_blank', 'toolbar=no'); 

bedeutet jedoch, die Symbolleiste Entfernen sowohl von dem ‚Back/Forward‘ Tasten und die Schaltfläche ‚Fertig‘ wird nicht mehr angezeigt. Dies macht es schwierig, den InAppBrowser zu verlassen.

(Verlassen des InAppBrowser ist weniger ein Problem auf Android, da das System zurück Taste eine alternative Exit-Methode liefert, wenn die Schaltfläche ‚Fertig‘ nicht angezeigt wird.)

Wenn Sie das behalten wollen Wenn Sie die Schaltfläche "Fertig" drücken, aber die Schaltflächen "Zurück/Vor" in ALLEN InAppBrowsern loslassen, können Sie den Quellcode für das InAppBrowser-Plugin wie folgt ändern.

---

Für iOS, öffnen Sie die folgende Datei

YOURAPPNAME/platforms/ios/YOURAPPNAME/Plugins/cordova-plugin-inappbrowser/CDVInAppBrowser.m 

und ändern Sie die folgende Codezeile aus:

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton, self.backButton, fixedSpaceButton, self.forwardButton]]; 

zu:

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton]]; 

Dann Ihr Projekt erstellen erneut über die Befehlszeile.

---

Für Android, öffnen Sie die folgende Datei

YOURAPPNAME/platforms/android/src/org/apache/cordova/inappbrowser/InAppBrowser.java 

und die folgende Codezeile entfernen:

toolbar.addView(actionButtonContainer); 

Um auch die URL zu entfernen, die folgende Codezeile löschen zu:

toolbar.addView(edittext); 

Erstellen Sie dann Ihr Projekt erneut über die Befehlszeile.

---

Danke an danw und Vishwani für hilfreiche Antworten. Getestet im Juli 2017 mit Cordova 7.0.1, Cordova iOS 4.4.0, Cordova Android 6.2.3 und cordova-plugin-inappbrowser 1.7.1

Answer 2

Falls Sie die Toolbar komplett entfernen möchten, können Sie die Symbolleiste HEIGHT-Variable auf 0.0. Sie finden es in der gleichen Datei wie in der obigen Antwort. Es ist nicht die beste Lösung, aber es verschwindet.

Answer 3

In 3.1.0 (?) Können Sie die Symbolleiste mit der Option 'Symbolleiste' ausblenden.

Zum Beispiel:

ref = window.open('http://some.page/foo/', '_blank', 'location=no,toolbar=no'); 

siehe: phonegap docs

Answer 4

Wenn Sie das getan/Schließen-Taste halten möchten und entfernen Sie alles andere, halten location = ja:

var ref = window.open('http://apache.org', '_blank', 'location=yes'); 

und machen Änderungen in der Datei inappbrowser.java:

toolbar.addView(close); 
close.setText("Done"); 

if (getShowLocationBar()) { 
main.addView(toolbar);} 

Entfernen Sie den editText und actionButtonContainer. Ich hoffe es hilft.

Answer 5

window.open('http://url/', '_blank', 'location=no,toolbar=no'); 

Lage: Stellen Sie auf Ja oder Nein der InAppBrowser Standort bar ein- oder auszuschalten.

Symbolleiste: Legen Sie Ja oder Nein fest, um die Symbolleiste für den InAppBrowser ein- oder auszuschalten (Standardwert ist ja). Diese Nähte ios werden nur obwohl

alle here

Answer 6

Verwenden Sie von:

var options = { 
    "location": "no", 
    "toolbar": "no" 
}; 
$cordovaInAppBrowser.open(url, target, options);