phonegap aprire il collegamento nel browser

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

hey esperti sto usando phonegap 2.9.0 e sto usando il codice sopra per aprire il collegamento nel browser ma lo apre nella stessa app ...... come si apre il browser safari?

apre il sito Web nella stessa app e quindi non riesco a tornare all'app, quindi devo eliminare l'app e installarla di nuovo ...

Come suggerito in una domanda simile , usa JavaScript per chiamare window.opencon l' targetargomento impostato su _system, come da documentazione di InAppBrowser :

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

Questo dovrebbe funzionare, anche se una soluzione migliore e più flessibile sarebbe quella di intercettare tutti gli clickeventi dei collegamenti e chiamare window.opencon argomenti letti dagli attributi del collegamento.

Ricorda che devi installare il plug-in InAppBrowser affinché funzioni:

cordova plugin add cordova-plugin-inappbrowser

Come risposto in altri post, hai due diverse opzioni per diverse piattaforme. Quello che faccio è:

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
    }
}

Quindi, come puoi vedere, sto controllando la piattaforma del dispositivo e, a seconda di ciò, sto usando un metodo diverso. In caso di browser standard, lascio il comportamento standard. D'ora in poi la soluzione funzionerà bene su Android, iOS e in un browser, mentre la pagina HTML non verrà modificata, in modo che possa avere URL rappresentati come ancoraggio standard

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

La soluzione richiede plug-in InAppBrowser e Device

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

Funziona per me con Android e PG 3.0

Esistono 2 modi diversi per aprire l'URL in Android e iPhone.

PER IOS usa il seguente codice.

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

e per il sistema operativo Android utilizzare il codice seguente.

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

Finalmente questo post mi aiuta su iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Apri il file "CDVwebviewDelegate.m" e cerca "shouldStartLoadWithRequest", quindi aggiungi questo codice all'inizio della funzione:

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

Durante l'utilizzo navigator.app.loadUrl("http://google.com", {openExternal : true}); per Android è OK.

Via Cordova 3.3.0.

Nessuna di queste risposte è sufficientemente esplicita da consentire l'apertura di collegamenti esterni in ciascuna piattaforma. Secondo la documentazione di inAppBrowser :

Installare

cordova plugin add cordova-plugin-inappbrowser

Sovrascrivi window.open (opzionale, ma consigliato per semplicità)

window.open = cordova.InAppBrowser.open;

Se non sovrascrivi window.open, utilizzerai la window.openfunzione nativa e non puoi aspettarti di ottenere gli stessi risultati multipiattaforma.

Usalo per aprire i collegamenti nel browser predefinito

window.open(your_href_value, '_system');

Si noti che l'obiettivo per inAppBrowser (che è ciò per cui il nome del plug-in suggerisce che deve essere utilizzato) è '_blank', invece di '_system'.

Senza i passaggi precedenti, non sono stato in grado di ottenere collegamenti da aprire nell'applicazione multipiattaforma del browser predefinita.

Credito extra

Di seguito è riportato un esempio di gestore di clic (live) per i collegamenti:

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

Se ti capita di avere jQuery in giro, puoi intercettare il clic sul link in questo modo:

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

In questo modo non è necessario modificare i collegamenti nell'html, il che può far risparmiare molto tempo. L'ho impostato utilizzando un delegato, ecco perché lo vedi legato all'oggetto documento, con il tag "a" come secondo argomento. In questo modo verranno gestiti tutti i tag "a", indipendentemente da quando vengono aggiunti.

Ovviamente devi ancora installare il plug-in InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Funzionerà ma solo se hai installato il plugin inappbrowser. Per installare, utilizzando il terminale, vai alla cartella www nel tuo progetto e digita:

phonegap plugin add org.apache.cordova.inappbrowser

o

cordova plugin add org.apache.cordova.inappbrowser

Quindi il tuo link si aprirà nel browser.

Con Cordova 5.0 e versioni successive il plug-in InAppBrowser viene rinominato nel registro dei plug-in di Cordova, quindi è necessario installarlo utilizzando

cordova plugin add cordova-plugin-inappbrowser --save

Quindi usa

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

Sto usando PhoneGap Build (v3.4.0), con focus su iOS, e avevo bisogno di questa voce nel mio config.xml per PhoneGap per riconoscere il plug-in InAppBrowser.

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

Dopodiché, l'utilizzo di window.open (url, target) dovrebbe funzionare come previsto, come documentato qui .

Ho anche riscontrato il problema che il collegamento non si apriva sul browser, ecco la mia soluzione con i passaggi:

1: installa questo plugin cordova.

cordova plugin add cordova-plugin-inappbrowser

2: aggiungi il link aperto nell'html come segue.

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

3: questo è il passaggio più importante per questo ho affrontato molti problemi: scarica il cordova.jsfile e incollalo nella wwwcartella. Quindi fai riferimento a questo nel index.htmlfile.

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

Questa soluzione funzionerà sia per l'ambiente Android che per iPhone.

Come questo :

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