PhoneGap - link aperto in del browser

Question

utilizzare PhoneGap (Cordova 2,2)

ho link come questo:

<a href="http://twitter.com/foobar" target="_blank">twitter</a> 

Su iOS - apre link nel browser (Safari)

Ma d' Android - si apre all'interno della webview (all'interno della mia app PhoneGap)

C'è un modo per far funzionare Android allo stesso modo di iOS?

Answer 1

Questo è quanto ho ottenuto che funziona utilizzando Cordova 2.2 e jQuery mobile su Android

Javascript:

$('.link').live('tap', function() { 
    url = $(this).attr("rel"); 
    loadURL(url); 
}); 

function loadURL(url){ 
    navigator.app.loadUrl(url, { openExternal:true }); 
    return false; 
} 

html:

<a href='#' class='link' rel='http://www.someurl.com'>Go Somewhere</a> 

Answer 2

Prova questo per Android:

function loadURL(url){ 
    navigator.app.loadUrl(url, { openExternal:true }); 
    return false; 
} 

Html:

<a click="loadURL('http://twitter.com/foobar')">twitter</a> 

Si può anche provare questo nel vostro config.xml:

<access origin="*twitter.com" browserOnly="true"/> 

Answer 3

Io uso questo come regola generale:

$('a').live('tap',function(e){ 
    // if external link then open a browser 
    if(String($(this).attr('href')).substring(0,4)=='http' || String($(this).attr('href')).substring(0,5)=='https'){ 
     navigator.app.loadUrl($(this).attr('href'), { openExternal:true }); 
     e.stopPropagation(); 
     return false; 
    } 
}); 

Answer 4

Se si desidera utilizzare come nella versione ios, con target="_blank" attributi:

$(document).on('tap', 'a[target="_blank"]', function(e){ 
    navigator.app.loadUrl(e.target.href, { openExternal: true }); 
    return false; 
}); 

Answer 5

Ho avuto lo stesso identico problema e ho notato che la maggior parte delle risposte sono confuse con piattaforme diverse. La soluzione funziona per me è Detail Explanation for different platforms

Answer 6

questo ha funzionato per me su ios

    $("a[target='_blank']").on('tap touch click',function(e){ 
         e.stopPropagation(); 
         e.preventDefault(); 
         window.open($(this).attr('href'), "_system"); 
         return false; 
        }); 

Answer 7

Il link fornito da user1879822 era in realtà la più utile per me: https://build.phonegap.com/blog/access-tags

In sintesi, PhoneGap ha una whitelist di URL consentiti all'interno del suo file config.xml. Questo significa che se si ha una voce come questa ...

<access origin="*" /> 

... tenterà di aprire tutti i link all'interno proprio WebView. Tuttavia, se si limita la whitelist alla sola URL specifica, qualsiasi collegamento a un URL non in quell'elenco si aprirà automaticamente in un browser esterno, non all'interno della propria webview locale. Per esempio se si vincola solo a questo ...

<access origin="http://127.0.0.1*" /> 

... poi il link Twitter indicato nella domanda iniziale dovrebbe aprire in una nuova browser esterno.

Answer 8

Anche se questa domanda è stato chiesto qualche tempo fa volevo informarvi sulla seguente voce blod che mi ha aiutato:

https://build.phonegap.com/blog/access-tags

in Android tutto quello che dovevo per era di unwhitelist mio dominio specificato . Quindi nel mio file config.xml non ne ho affatto.

Answer 9

Navigatore per opere telefoniche!

handler: function (btn, evt) { 
loadURL('http://www.google.com'); 
} 

...

function loadURL(url){ 
navigator.app.loadUrl(url, { openExternal:true }); 
return false; 
} 

Answer 10

di lavoro utilizzando PhoneGap 3,5

<a href="javascript:loadURL('http://www.lavidaenbinario.com');" class="link ">Example</a> 

function loadURL(url){ 
    navigator.app.loadUrl(url, { openExternal:true }); 
    return false; 
}