phonegap abrir enlace en el navegador

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

Hola, expertos, estoy usando phonegap 2.9.0 y estoy usando el código anterior para abrir el enlace en el navegador, pero lo abre en la misma aplicación ... ¿cómo abrir el navegador Safari?

abre el sitio web en la misma aplicación y luego no puedo volver a la aplicación, así que necesito eliminar la aplicación e instalarla nuevamente .....

Como se sugiere en una pregunta similar , use JavaScript para llamar window.opencon el targetargumento establecido en _system, según la documentación de InAppBrowser :

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

Esto debería funcionar, aunque una solución mejor y más flexible sería interceptar todos los clickeventos de los enlaces y llamar window.opencon argumentos leídos de los atributos del enlace.

Recuerde que debe instalar el complemento InAppBrowser para que esto funcione:

cordova plugin add cordova-plugin-inappbrowser

Como se respondió en otras publicaciones, tiene dos opciones diferentes para diferentes plataformas. Lo que hago es:

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

Entonces, como puede ver, estoy verificando la plataforma del dispositivo y, dependiendo de eso, estoy usando un método diferente. En el caso de un navegador estándar, dejo el comportamiento estándar. A partir de ahora, la solución funcionará bien en Android, iOS y en un navegador, mientras que la página HTML no se modificará, por lo que puede tener URL representadas como ancla estándar.

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

La solución requiere los complementos InAppBrowser y Device

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

Funciona para mí con Android y PG 3.0

Hay 2 formas diferentes de abrir URL en Android y iPhone.

PARA IOS use el siguiente código.

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

y para el sistema operativo Android use el siguiente código.

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

Por fin, esta publicación me ayuda en iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Abra el archivo "CDVwebviewDelegate.m" y busque "shouldStartLoadWithRequest", luego agregue este código al comienzo de la función:

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

Mientras se usa navigator.app.loadUrl("http://google.com", {openExternal : true});para Android está bien.

Vía Córdoba 3.3.0.

Ninguna de estas respuestas es lo suficientemente explícita como para que se abran enlaces externos en cada plataforma. Según los documentos de inAppBrowser :

Instalar en pc

cordova plugin add cordova-plugin-inappbrowser

Sobrescribir window.open (opcional, pero recomendado para simplificar)

window.open = cordova.InAppBrowser.open;

Si no sobrescribe window.open, utilizará la window.openfunción nativa y no puede esperar obtener los mismos resultados entre plataformas.

Úselo para abrir enlaces en el navegador predeterminado

window.open(your_href_value, '_system');

Tenga en cuenta que el destino para inAppBrowser (que es para lo que sugiere el nombre del complemento) es '_blank', en lugar de '_system'.

Sin los pasos anteriores, no pude obtener enlaces para abrir en la multiplataforma de la aplicación del navegador predeterminada.

Crédito adicional

A continuación, se muestra un ejemplo de controlador de clics (en vivo) para los enlaces:

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

Si tiene jQuery cerca, puede interceptar el clic en el enlace de esta manera:

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

De esta manera no es necesario modificar los enlaces en el html, lo que puede ahorrar mucho tiempo. Lo configuré usando un delegado, por eso lo ve vinculado al objeto del documento, con la etiqueta 'a' como segundo argumento. De esta forma se manejarán todas las etiquetas 'a', independientemente de cuándo se agreguen.

Por supuesto, aún tiene que instalar el complemento InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Funcionará, pero solo si tiene instalado el complemento inappbrowser. Para instalar, usando la terminal, busque la carpeta www en su proyecto y escriba:

phonegap plugin add org.apache.cordova.inappbrowser

o

cordova plugin add org.apache.cordova.inappbrowser

Luego, su enlace se abrirá en el navegador.

Con Cordova 5.0 y versiones posteriores, el complemento InAppBrowser cambia de nombre en el registro de complementos de Cordova, por lo que debe instalarlo usando

cordova plugin add cordova-plugin-inappbrowser --save

Entonces usa

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

Estoy usando PhoneGap Build (v3.4.0), con enfoque en iOS, y necesitaba tener esta entrada en mi config.xml para que PhoneGap reconociera el complemento InAppBrowser.

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

Después de eso, el uso de window.open (url, target) debería funcionar como se esperaba, como se documenta aquí .

También enfrenté el problema de que el enlace no se abría en el navegador, aquí está mi solución con los pasos:

1: Instale este complemento de cordova.

cordova plugin add cordova-plugin-inappbrowser

2: agregue el enlace abierto en el html como sigue.

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

3: este es el paso más importante debido a esto me enfrenté a muchos problemas: descargue el cordova.jsarchivo y péguelo en la wwwcarpeta. Luego haga una referencia de esto en el index.htmlarchivo.

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

Esta solución funcionará tanto para el entorno Android como para iPhone.

Me gusta esto :

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