Wie verwende ich cordova inappbrowser zu öffnen von links in Ionic/Winkel hybrid-app

Arbeite ich auf eine hybride mobile Apps mit Ionic Framework und AngularJS. Ich bin mit Ionischen Creator & Ionic-Lab. In meiner app habe ich mehrere Tasten, die eine Verknüpfung zu externen Ressourcen (Webseiten, mailto: - links, pdf-Dateien etc.). Die links funktionieren, wenn ich testen Sie Sie im browser (Ionic Lab). Allerdings, wenn ich zum testen der app in einem Android virtual device oder einem Gerät, keine der links funktionieren.

Fand ich eine Frage, wo jemand hatte ein ähnliches Problem:

/questions/33627061/ionic-simple-href-not-working-on-android-device

Ich versuchte Umsetzung aller vorgeschlagenen Lösungen hinzufügen config.xml:

<allow-navigation href="*" />

Installation von cordova inappbrowser plugin über:

$sudo cordova plugin add cordova-plugin-inappbrowser

Versuchte ich mit ng-click="some_function()" statt href, und definieren Sie anschließend die Funktion in meinem controller.

Der OP auf, dass die Frage endlich geklärt sein Problem durch auskommentieren/einkommentieren von index.html:

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

Suche in meinem browser-console-logs gab es eine 404-nicht gefunden cordova.js, so dass ich manuell Hinzugefügt www/von der platform_www/Verzeichnis für android, als auch cordova_plugins.js

Jedoch nach dem Versuch, alle diese, die links werden noch nicht funktionieren. In meinem consol logs bekomme ich jetzt die Fehlermeldung:

GET http://localhost:8100/plugins/cordova-plugin-inappbrowser/www/inappbrowser.js 404 (Not Found)
Uncaught Error: Module cordova-plugin-inappbrowser.inappbrowser does not exist. http://localhost:8100/cordova.js Line: 1421

Aber die Sache ist inappbrowser.js in diesem Ordner ist!

Bitte Hilfe!!! Ich bin mit Latein am Ende und habe keine Ahnung, was als Nächstes zu tun ist. Hochgeladen habe ich die Beispiel-code, mit dem ich arbeite ist auf github:

https://github.com/chmod-777/link-test

Software-Versionen:

Linux mint 17.1
Knoten v0.12.2
npm 2.7.4
cordova 6.2.0
Ionische 1.7.14

InformationsquelleAutor Charis The Programmer | 2016-05-30
  1. 1

    Für Vorspeisen, versuchen Sie ändern die Weise, die Sie aufrufen die open Methode im controller code zu diesem:

    .controller('pageCtrl', function($scope, $window, $cordovaInAppBrowser) {

    $scope.open_google = function() {
          $cordovaInAppBrowser.open('https://www.yahoo.com/', '_system', 'clearcache=yes');
          //I also tried this
          //$window.open('https://www.msn.com/', '_system', 'location=yes');
          //and this
          //window.open('https://www.netflix.com/', '_system', 'location=yes');
        }

})
    • Das funktioniert nicht. Könnte es jetzt etwas mit dem Fehler zu tun ich bin immer auf???: GET http://localhost:8100/plugins/cordova-plugin-inappbrowser/www/inappbrowser.js 404 (Not Found)
    • Der Fehler tritt beim bootstrapping oder wenn Sie versuchen, auf einen link zu klicken? Versuchen Sie es entfernen " - Fenster.open = cordova.InAppBrowser.geöffnet; von` aus app.js zusätzlich zu meinem Vorschlag in der Antwort.
    InformationsquelleAutor LJ.Wizard
  2. 0

    Ich habe das inappBrowser-plugin mit Jquery mobile.Es hat gut funktioniert.

                     ref=null;


                var url= accRestService.someURL;

                if( device.platform === "Android"){
                ref =cordova.InAppBrowser.open(url, "_blank",'location=no,clearcache=yes,hardwareback=no,zoom=no');
                }else{
                    ref =cordova.InAppBrowser.open(url, "_blank",'location=no,clearcache=yes,closebuttoncaption=Go back to App,toolbar=yes,presentationstyle=formsheet');
                }


                ref.addEventListener('loadstart',onBrowserLoadStart);
                ref.addEventListener('loadstop',onBrowserLoadStop);
                ref.addEventListener('loaderror', onBrowserError);
                ref.addEventListener('exit', onBrowserClose);
    InformationsquelleAutor Kiran Syeed
  3. 0

    Erstens, stellen Sie sicher, dass Sie nach der Installation der cordova-plugin "inappbrowser"

    cordova plugin add cordova-plugin-inappbrowser

    (siehe https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/index.html)

    Können Sie dann zum Beispiel :

    try {
    var uri = "http://some-example.com";
    cordova.InAppBrowser.open(uri, '_system');
} catch(e) {
    window.open(uri, '_blank');
}

    den catch-block wird als fallback verwendet werden, beim testen der app in einem browser.

    InformationsquelleAutor Mickaël Marchal
Schreibe einen Kommentar