phonegap - open link in browser

Verwende ich phonegap (cordova 2.2)

Habe ich link wie folgt :

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

Auf iOS - es öffnet link im browser(Safari)

Aber auf Android - es öffnet sich im inneren webview(in meinem phonegap app)

Gibt es eine Möglichkeit, um Android arbeiten gleichen Weise wie iOS ?

InformationsquelleAutor der Frage Pydev UA | 2012-12-28

  1. 27

    Dies ist, wie ich es geschafft habe mithilfe von Cordova 2.2 und jQuery mobile auf 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>

    InformationsquelleAutor der Antwort someuser

  2. 6

    Versuchen, diese für android:

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

    Html:

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

    Können Sie auch versuchen, diese in Ihrem config.xml:

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

    InformationsquelleAutor der Antwort Majid Laissi

  3. 4

    Den link von user1879822 eigentlich war das nützlichste für mich: https://build.phonegap.com/blog/access-tags

    Zusammenfassen, PhoneGap hat eine whitelist von erlaubten URLs, die innerhalb seiner config.xml. Dies bedeutet, dass, wenn es einen Eintrag wie diesen ... 

    <access origin="*" />

    ... es wird versuchen, Sie zu öffnen alle links innerhalb Ihrer eigenen webview. Allerdings, wenn Sie beschränken Sie Ihre whitelist nur bestimmte URLs, dann ist jeder link zu einer URL nicht in dieser Liste wird automatisch öffnen in einem externen browser, nicht in Ihrem lokalen webview. Zum Beispiel, wenn Sie beschränken es nur auf diese ...

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

    ... dann ist der twitter-link erwähnt, in der ursprünglichen Frage sollte sich öffnen in einem neuen externen browser.

    InformationsquelleAutor der Antwort greghmerrill

  4. 3

    Wenn Sie verwenden möchten, wie in der ios-version, mit target="_blank" Attribute:

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

    InformationsquelleAutor der Antwort garaboncias

  5. 1

    Selbst wenn diese Frage wurde vor einer Weile wollte ich informieren Sie über die folgenden blod-Eintrag, die mir geholfen:

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

    In android alles, was ich hatte, war zu unwhitelist meine angegebenen Domäne. Also in meinem config.xml ich habe keine".

    InformationsquelleAutor der Antwort Markus

  6. 1

    Ich benutze dies als Allgemeine Regel:

    $('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;
    }
});

    InformationsquelleAutor der Antwort thedjaney

  7. 1

    Ich hatte exakt das gleiche problem, und ich bemerkte, dass die meisten Antworten sind gemischt für verschiedene platfoms. Die Lösung funktioniert für mich ist Detail Erklärung für verschiedene Plattformen

    InformationsquelleAutor der Antwort Sithu

  8. 0

    Dieser arbeitete für mich auf ios

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

    InformationsquelleAutor der Antwort Kevin Vella

  9. 0

    Navigator für phonegap funktioniert!

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

    ...

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

    InformationsquelleAutor der Antwort user3038631

  10. -1

    Arbeit mit 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;
}

    InformationsquelleAutor der Antwort user3607804

Schreibe einen Kommentar