Phonegap Link im Browser öffnen

<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a>

Hey Experten, ich benutze Phonegap 2.9.0 und ich benutze den obigen Code, um den Link im Browser zu öffnen, aber er öffnet ihn in derselben App. Wie öffne ich ihn im Safari-Browser?

Es öffnet die Website in der gleichen App und dann kann ich nicht mehr zur App zurückkehren. Daher muss ich die App löschen und erneut installieren.

Verwenden Sie , wie in einer ähnlichen Frage vorgeschlagen , JavaScript, um window.openmit dem targetArgument aufzurufen _system, das gemäß der InAppBrowser-Dokumentation festgelegt ist :

<a href="#" onclick="window.open('http://www.kidzout.com', '_system'); return false;">www.kidzout.com</a>

Dies sollte funktionieren, obwohl eine bessere und flexiblere Lösung darin besteht, die clickEreignisse aller Links abzufangen und window.openmit Argumenten aufzurufen , die aus den Attributen des Links gelesen werden.

Denken Sie daran, dass Sie das InAppBrowser-Plugin installieren müssen, damit dies funktioniert:

cordova plugin add cordova-plugin-inappbrowser

Wie in anderen Beiträgen beantwortet, haben Sie zwei verschiedene Optionen für verschiedene Plattformen. Was ich tue ist:

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {

    // Mock device.platform property if not available
    if (!window.device) {
        window.device = { platform: 'Browser' };
    }

    handleExternalURLs();
}

function handleExternalURLs() {
    // Handle click events for all external URLs
    if (device.platform.toUpperCase() === 'ANDROID') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            navigator.app.loadUrl(url, { openExternal: true });
            e.preventDefault();
        });
    }
    else if (device.platform.toUpperCase() === 'IOS') {
        $(document).on('click', 'a[href^="http"]', function (e) {
            var url = $(this).attr('href');
            window.open(url, '_system');
            e.preventDefault();
        });
    }
    else {
        // Leave standard behaviour
    }
}

Wie Sie sehen, überprüfe ich die Geräteplattform und verwende abhängig davon eine andere Methode. Bei einem Standardbrowser lasse ich das Standardverhalten. Von nun an funktioniert die Lösung unter Android, iOS und in einem Browser einwandfrei, während die HTML-Seite nicht geändert wird, sodass URLs als Standardanker dargestellt werden können

<a href="http://stackoverflow.com">

Die Lösung erfordert InAppBrowser- und Geräte-Plugins

<a onclick="navigator.app.loadUrl('https://google.com/', { openExternal:true });">Link</a>

Funktioniert für mich mit Android & PG 3.0

Es gibt zwei verschiedene Möglichkeiten, URL in Android und iPhone zu öffnen.

Verwenden Sie für IOS den folgenden Code.

window.open("http://google.com", '_system');

und für Android OS folgenden Code verwenden.

navigator.app.loadUrl("http://google.com", {openExternal : true});

Endlich hilft mir dieser Beitrag unter iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Öffnen Sie die Datei "CDVwebviewDelegate.m" und suchen Sie nach "shouldStartLoadWithRequest". Fügen Sie dann diesen Code am Anfang der Funktion hinzu:

if([[NSString stringWithFormat:@"%@",request.URL] rangeOfString:@"file"].location== NSNotFound) {
    [[UIApplication sharedApplication] openURL:[request URL]];
    return NO;
}

Während der Verwendung navigator.app.loadUrl("http://google.com", {openExternal : true});für Android ist OK.

Via Cordova 3.3.0.

Keine dieser Antworten ist explizit genug, um externe Links auf jeder Plattform zu öffnen. Gemäß den inAppBrowser-Dokumenten :

Installieren

cordova plugin add cordova-plugin-inappbrowser

Fenster.open überschreiben (optional, aber der Einfachheit halber empfohlen)

window.open = cordova.InAppBrowser.open;

Wenn Sie nicht überschreiben window.open, verwenden Sie die native window.openFunktion und können nicht erwarten, dass plattformübergreifend dieselben Ergebnisse erzielt werden.

Verwenden Sie diese Option, um Links im Standardbrowser zu öffnen

window.open(your_href_value, '_system');

Beachten Sie, dass das Ziel für den inAppBrowser (für den der Name des Plugins die Verwendung vorschlägt) '_blank'anstelle von lautet '_system'.

Ohne die obigen Schritte konnte ich keine plattformübergreifenden Links zum Öffnen in der Standard-Browser-App erhalten.

Extra Gutschrift

Hier ist ein Beispiel (Live) Klick-Handler für die Links:

document.addEventListener('click', function (e) {
    if (e.target.tagName === 'A' &&
        e.target.href.match(/^https?:\/\//)) {
        e.preventDefault();
        window.open(e.target.href, '_system');
    }
});

Wenn Sie zufällig jQuery haben, können Sie den Klick auf den Link wie folgt abfangen:

$(document).on('click', 'a', function (event) {
    event.preventDefault();
    window.open($(this).attr('href'), '_system');
    return false;
});

Auf diese Weise müssen Sie die Links im HTML nicht ändern, was viel Zeit sparen kann. Ich habe dies mit einem Delegaten eingerichtet. Deshalb wird es an das Dokumentobjekt gebunden, wobei das Tag 'a' das zweite Argument ist. Auf diese Weise werden alle 'a'-Tags behandelt, unabhängig davon, wann sie hinzugefügt werden.

Natürlich müssen Sie das InAppBrowser-Plug-In noch installieren:

cordova plugin add org.apache.cordova.inappbrowser

window.open('http://www.kidzout.com', '_system');

Funktioniert aber nur, wenn Sie das Inappbrowser-Plugin installiert haben. Navigieren Sie zum Installieren mithilfe des Terminals zum Ordner www in Ihrem Projekt und geben Sie Folgendes ein:

phonegap plugin add org.apache.cordova.inappbrowser

oder

cordova plugin add org.apache.cordova.inappbrowser

Dann öffnet sich Ihr Link im Browser.

Ab Cordova 5.0 wird das Plugin InAppBrowser in der Cordova-Plugin-Registrierung umbenannt, daher sollten Sie es mit installieren

cordova plugin add cordova-plugin-inappbrowser --save

Dann benutze

<a href="#" onclick="window.open('http://www.kidzout.com', '_system');">www.kidzout.com</a>

Ich verwende PhoneGap Build (v3.4.0) mit Schwerpunkt auf iOS und musste diesen Eintrag in meiner config.xml haben, damit PhoneGap das InAppBrowser-Plug-In erkennt.

<gap:plugin name="org.apache.cordova.inappbrowser" />

Danach sollte die Verwendung von window.open (URL, Ziel) wie erwartet funktionieren, wie hier dokumentiert .

Ich hatte auch das Problem, dass der Link im Browser nicht geöffnet wurde. Hier ist meine Lösung mit den folgenden Schritten:

1: Installieren Sie dieses Cordova-Plugin.

cordova plugin add cordova-plugin-inappbrowser

2: Fügen Sie den offenen Link wie folgt in den HTML-Code ein.

<a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" >Google</a>

3: Dies ist der wichtigste Schritt, aus dem ich viele Probleme hatte: Laden Sie die cordova.jsDatei herunter und fügen Sie sie in den wwwOrdner ein. Verweisen Sie dann in der index.htmlDatei darauf.

<script src="cordova.js"></script>

Diese Lösung funktioniert sowohl für die Umgebung Android und iPhone.

So was :

<a href="#" onclick="window.open('https://www.nbatou.com', '_system'); return false;">https://www.nbatou.com</a>