link para abrir o phonegap no navegador

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

Ei especialistas, estou usando o phonegap 2.9.0 e estou usando o código acima para abrir o link no navegador, mas ele abre no mesmo aplicativo ...... como abri-lo no navegador safari?

ele abre o site no mesmo aplicativo e, em seguida, não consigo voltar ao aplicativo, então preciso excluir o aplicativo e instalá-lo novamente ...

Conforme sugerido em uma pergunta semelhante , use JavaScript para chamar window.opencom o targetargumento definido _systemcomo, de acordo com a documentação do InAppBrowser :

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

Isso deve funcionar, embora uma solução melhor e mais flexível seja interceptar os clickeventos de todos os links e chamar window.opencom argumentos lidos dos atributos do link.

Lembre-se de que você deve instalar o plug-in InAppBrowser para que isso funcione:

cordova plugin add cordova-plugin-inappbrowser

Conforme respondido em outras postagens, você tem duas opções diferentes para plataformas diferentes. O que eu faço é:

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

Como você pode ver, estou verificando a plataforma do dispositivo e, dependendo disso, estou usando um método diferente. No caso de um navegador padrão, deixo o comportamento padrão. A partir de agora a solução funcionará bem no Android, iOS e em um navegador, enquanto a página HTML não será alterada, para que possa ter URLs representados como âncora padrão

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

A solução requer os plug-ins InAppBrowser e Device

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

Funciona para mim com Android e PG 3.0

Existem 2 maneiras diferentes de abrir URL no Android e no iphone.

PARA IOS use o seguinte código.

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

e para o sistema operacional Android, use o seguinte código.

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

Enfim este post me ajuda no iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Abra o arquivo "CDVwebviewDelegate.m" e pesquise "shouldStartLoadWithRequest" e adicione este código ao início da função:

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

Durante o uso navigator.app.loadUrl("http://google.com", {openExternal : true});para Android está OK.

Via Cordova 3.3.0.

Nenhuma dessas respostas é explícita o suficiente para que links externos sejam abertos em cada plataforma. De acordo com os documentos do inAppBrowser :

Instalar

cordova plugin add cordova-plugin-inappbrowser

Overwrite window.open (opcional, mas recomendado para simplificar)

window.open = cordova.InAppBrowser.open;

Se você não substituir window.open, estará usando a window.openfunção nativa e não pode esperar obter os mesmos resultados em várias plataformas.

Use-o para abrir links no navegador padrão

window.open(your_href_value, '_system');

Observe que o destino para o inAppBrowser (que é o que o nome do plug-in sugere que deve ser usado) é '_blank', em vez de '_system'.

Sem as etapas acima, não consegui obter links para abrir no aplicativo de navegador padrão de plataforma cruzada.

Crédito extra

Aqui está um exemplo de manipulador de cliques (ao vivo) para os links:

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

Se acontecer de você ter o jQuery por perto, você pode interceptar o clique no link desta forma:

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

Desta forma, você não precisa modificar os links no html, o que pode economizar muito tempo. Eu configurei isso usando um delegado, é por isso que você o vê sendo vinculado ao objeto de documento, com a tag 'a' como o segundo argumento. Desta forma, todas as tags 'a' serão tratadas, independentemente de quando forem adicionadas.

Claro, você ainda precisa instalar o plug-in InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Funcionará, mas apenas se você tiver o plugin inappbrowser instalado. Para instalar, usando o terminal, navegue até a pasta www em seu projeto e digite:

phonegap plugin add org.apache.cordova.inappbrowser

ou

cordova plugin add org.apache.cordova.inappbrowser

Em seguida, seu link será aberto no navegador.

Com Cordova 5.0 e superior, o plugin InAppBrowser é renomeado no registro do plugin Cordova, então você deve instalá-lo usando

cordova plugin add cordova-plugin-inappbrowser --save

Então use

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

Estou usando o PhoneGap Build (v3.4.0), com foco no iOS, e precisava ter essa entrada em meu config.xml para PhoneGap reconhecer o plug-in InAppBrowser.

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

Depois disso, o uso de window.open (url, target) deve funcionar como esperado, conforme documentado aqui .

Também enfrentei o problema de que o link não estava abrindo no navegador. Aqui está minha solução com as etapas:

1: Instale este plugin Cordova.

cordova plugin add cordova-plugin-inappbrowser

2: adicione o link aberto no html como segue.

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

3: este é o passo mais importante devido a isso eu enfrentei muitos problemas: baixe o cordova.jsarquivo e cole na wwwpasta. Em seguida, faça uma referência disso no index.htmlarquivo.

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

Esta solução funcionará tanto para o ambiente android quanto para o iPhone.

Como isso :

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