Wie bekomme ich die cordova InAppBrowser bieten eine Möglichkeit für den Benutzer, um den browser zu schließen, wenn Sie mit einem Android-Gerät?

Für diejenigen von uns, die mit Ionischen (ionicframework.com) und/oder ngcordova (ngcordova.com). Der folgende code startet die inappbrowser und schließen Sie den dialog über einen link <a href="/mobile/close">close</a>.

  $cordovaInAppBrowser.open('http://localhost:3000/#/mypath/', '_blank', options).then((event) ->
    # success
    return
    ).catch (event) ->
      # error
      return

  $rootScope.$on '$cordovaInAppBrowser:loadstart', (e, event) ->
    $log.log 'loadstart', e, event
    if event.url.match('mobile/close')
      $cordovaInAppBrowser.close()

InformationsquelleAutor der Antwort Stone

Wie gesagt um elMarquis, die Sie brauchen, um hinzuzufügen, "location=yes", um die "Fertig" - Taste auf einem Android-Gerät. Allerdings, wenn Sie möchten, bekommen Sie die Fertig-Taste, von selbst, ohne die Adressleiste, es ist ziemlich einfach zu tun, indem Sie eine änderung an der cordova-source-code.

Ich habe die Informationen aus dieser google-Gruppe: https://groups.google.com/forum/?fromgroups=#!Thema/phonegap/mUcBcjPISgg

Hier sind einige Schritt-für-Schritt-Anleitung:

1. Laden Sie die cordova-source-code:

   git clone https://github.com/apache/cordova-plugin-inappbrowser

2. Laden Sie die commons-codec-lib von hier

3. Öffnen Sie Die Android Developer Tools

4. Importieren Sie die cordova-Projekt in Ihrem Arbeitsbereich

   File > Import... > Existing Projects into Workspace

5. Erstellen Sie eine libs Verzeichnis und kopieren Sie die heruntergeladene commons-codec-1.7.jar - Datei.

6. Hinzufügen gen Ordner zum Projekt (von der .classpath-Datei, aber nicht bei der git-download, da git nicht erlaubt, leere Ordner)
7. Gehen Sie zu Projekt - > "Alle Erstellen". Sollte das Projekt bauen, ohne Fehler.
8. Öffnen InAppBrowser.java und die Suche nach "toolbar.addView(edittext);" (Linie 468 in der cordova-version, die ich heruntergeladen).
9. Kommentar aus dieser Zeile.
10. Erstellen Sie das Projekt erneut.
11. Kopieren bin/cordova.jar Datei in welches Projekt Sie auch sind, mithilfe von cordova.

Hoffentlich hilft jemand anderes.

InformationsquelleAutor der Antwort Troy

Ab dem Jahr 2016 April diese Antworten sind ziemlich veraltet. Ich hatte dies jetzt zu tun, also hier ist meine Erfahrung.

Erstens, die Cordova/Ionic-Projekt bekam in Scheiben geschnitten in plugins. Was wir brauchen, ist die cordova-plugin-inAppBrowser repo.

SCHRITT 1

Ersten haben wir zu Klonen, es irgendwo lokal oder fork auf github/bitbucket. (Wir müssen unsere geklonte repo dauerhaft für jedes neue Projekt-setup.) Wir können ganz einfach Klonen die repo-mit diesem Befehl:

git clone git@github.com:apache/cordova-plugin-inappbrowser.git

SCHRITT 2

Dann müssen wir die gewünschten änderungen an dem Projekt. Um die url-Leiste Verhalten auf Androidum das gleiche wie in iOS wir haben zu zeigen, die Menüleiste immer und zeigen die url-Leiste nur, wenn Sie die Benutzer Fragen, für die menubar.
Der code was steuert diese ist in der /src/android/InAppBrowser.java Datei.

Haben wir die Umstellung der Linien zwischen 707-716. (Hinweis: diese Nummern können sich ändern, wenn Sie die Datei ändern.)

Müssen wir ändern den code aus diesem

//Add the views to our toolbar
toolbar.addView(actionButtonContainer);
toolbar.addView(edittext);
toolbar.addView(close);

//Don't add the toolbar if its been disabled
if (getShowLocationBar()) {
    //Add our toolbar to our main view/layout
    main.addView(toolbar);
}

:

//Add the views to our toolbar
toolbar.addView(actionButtonContainer);
if (getShowLocationBar()) {
    toolbar.addView(edittext);
}
toolbar.addView(close);

main.addView(toolbar);

Also, was wir hier getan, dass wir hinzufügen, werden die Symbolleisten immer mit der exit - /vorwärts/zurück-buttons und fügen Sie die url-Leiste nur, wenn der Benutzer soll die volle bar. Dies ist das Verhalten der iOS-version.

Außerdem, wenn wir wollen, entfernen Sie die vorwärts/zurück-buttons, weil Android hat eine native back-Taste, dann müssen wir kommentieren Sie, und fügen Sie Sie nur, wenn Sie die nutzen will, die komplette Menüleiste. Also unser code sollte etwa so Aussehen:

//actionButtonContainer.addView(back);
//actionButtonContainer.addView(forward);

//Add the views to our toolbar
toolbar.addView(actionButtonContainer);
if (getShowLocationBar()) {
    toolbar.addView(edittext);
    //We add this here if the user want the full bar, then we need this buttons.
    actionButtonContainer.addView(back);
    actionButtonContainer.addView(forward);
}
toolbar.addView(close);

SCHRITT 3

Fügen wir das modifizierte plugin für unser Projekt, wenn Sie wollen, dass diese nur eine Zeit, dann starten Sie einfach

cordova plugin add https://github.com/username/cordova-plugin-inappbrowser.git
//or
cordova plugin add https://[email protected]/UserName/cordova-plugin-inappbrowser.git

statt

cordova plugin add cordova-plugin-inappbrowser 

Hinweis: Sie müssen halten Sie Ihre modified repo, weil die cordova plugin add Befehl zu Holen, wenn aus Ihrem repository zu jeder Zeit, Sie setzen Ihr Projekt.

InformationsquelleAutor der Antwort NoNameProvided

Dies ist möglich durch anpassen der 'InAppBrowser.java'. Ich weiß, das ist etwas komisch, aber dies ist die einzige Wahl, die ich hatte. Aber, diese kleinen Kniffe, die ich gemacht, um die java-Datei jetzt erlaubt mir, mich zurück navigieren innerhalb der Seiten in meine app.

Hier ist die änderung in InAppBrowser.java,
In den 'run' - Methode innerhalb showWebPage Methode, es wird ein listener-code so etwas wie dieses,

dialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
                    public void onDismiss(DialogInterface dialog) {     
                        closeDialog();
                    }
});

Unter dieser Zeile fügen Sie den folgenden code,

dialog.setOnKeyListener(new DialogInterface.OnKeyListener() {                   
@Override
     public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
         if (event.getAction()!=KeyEvent.ACTION_DOWN)
             return true;               
         if(keyCode==KeyEvent.KEYCODE_BACK){
             goBack();
             return true;
         }else {
             return false;
          }
      }
});

InformationsquelleAutor der Antwort Suresh Raja