phonegap tarayıcıda bağlantıyı aç

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

hey uzmanlar phonegap 2.9.0 kullanıyorum ve yukarıdaki kodu tarayıcıda açmak için kullanıyorum ama aynı uygulamada açılıyor ...... safari tarayıcısı nasıl açılır?

web sitesini aynı uygulamada açıyor ve sonra uygulamaya geri dönemiyorum, bu yüzden uygulamayı silmem ve tekrar yüklemem gerekiyor .....

İçerisinde ileri sürüldüğü gibi benzer bir soruya , çağırmak için JavaScript kullanmak window.openile targetargüman seti _systemuyarınca, InAppBrowser belgelerinde :

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

Bu işe yaramalı, ancak daha iyi ve daha esnek bir çözüm tüm bağlantıların clickolaylarını durdurmak window.openve bağlantının özelliklerinden okunan argümanlarla çağrı yapmak olacaktır.

Bunun çalışması için InAppBrowser eklentisini kurmanız gerektiğini unutmayın:

cordova plugin add cordova-plugin-inappbrowser

Diğer gönderilerde cevaplandığı gibi, farklı platformlar için iki farklı seçeneğiniz var. Yaptığım şey:

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

Gördüğünüz gibi cihaz platformunu kontrol ediyorum ve buna bağlı olarak farklı bir yöntem kullanıyorum. Standart bir tarayıcı olması durumunda, standart davranışı bırakıyorum. Şu andan itibaren çözüm Android, iOS ve tarayıcıda düzgün çalışacak, HTML sayfası ise değiştirilmeyecek, böylece URL'leri standart bağlantı olarak temsil edilebilecek.

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

Çözüm, InAppBrowser ve Cihaz eklentileri gerektiriyor

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

Android ve PG 3.0 ile benim için çalışıyor

Android ve iphone'da URL açmanın 2 farklı yolu vardır.

IOS İÇİN aşağıdaki kodu kullanın.

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

ve android işletim sistemi için aşağıdaki kodu kullanın.

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

Sonunda bu gönderi iOS'ta bana yardımcı oluyor: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

"CDVwebviewDelegate.m" dosyasını açın ve "shouldStartLoadWithRequest" araması yapın, ardından bu kodu işlevin başına ekleyin:

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

navigator.app.loadUrl("http://google.com", {openExternal : true});Android için kullanırken sorun yok.

Cordova 3.3.0 üzerinden.

Bu yanıtların hiçbiri, her platformda harici bağlantıların açılması için yeterince açık değildir. Gereğince inAppBrowser docs :

Yüklemek

cordova plugin add cordova-plugin-inappbrowser

Window.open'ın üzerine yaz (isteğe bağlıdır, ancak basit olması için önerilir)

window.open = cordova.InAppBrowser.open;

Üzerine yazmazsanız window.open, yerel window.openişlevi kullanacaksınız ve platformlar arası aynı sonuçları almayı bekleyemezsiniz.

Bağlantıları varsayılan tarayıcıda açmak için kullanın

window.open(your_href_value, '_system');

İnAppBrowser için hedefin (eklenti adının kullanılmasını önerdiği şeydir) '_blank'yerine olduğunu unutmayın '_system'.

Yukarıdaki adımlar olmadan, varsayılan tarayıcı uygulaması çapraz platformunda açılacak bağlantıları alamadım.

Ekstra kredi

Bağlantılar için bir örnek (canlı) tıklama işleyicisi:

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

Eğer etrafta jQuery varsa, bağlantıya şu şekilde tıklayabilirsiniz:

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

Bu şekilde html'deki bağlantıları değiştirmeniz gerekmez, bu da çok zaman kazandırabilir. Bunu bir temsilci kullanarak ayarladım, bu yüzden belge nesnesine bağlı olduğunu görüyorsunuz, ikinci argüman 'a' etiketiyle. Bu şekilde, ne zaman eklendiklerine bakılmaksızın tüm 'a' etiketleri ele alınacaktır.

Elbette InAppBrowser eklentisini yüklemeniz gerekiyor:

cordova plugin add org.apache.cordova.inappbrowser

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

Çalışır, ancak yalnızca inappbrowser eklentisi yüklüyse çalışır. Yüklemek, terminal kullanarak, projenizdeki www klasörüne gidin ve şunu yazın:

phonegap plugin add org.apache.cordova.inappbrowser

veya

cordova plugin add org.apache.cordova.inappbrowser

Ardından, bağlantınız tarayıcıda açılacaktır.

Cordova 5.0 ve üstü ile eklenti InAppBrowser, Cordova eklenti kayıt defterinde yeniden adlandırılmıştır, bu nedenle onu kullanarak yüklemelisiniz.

cordova plugin add cordova-plugin-inappbrowser --save

Sonra kullan

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

İOS odaklı PhoneGap Build (v3.4.0) kullanıyorum ve PhoneGap'in InAppBrowser eklentisini tanıması için bu girişin config.xml dosyamda olması gerekiyordu.

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

Bundan sonra, window.open (url, target) kullanımı burada belgelendiği gibi beklendiği gibi çalışmalıdır .

Ayrıca, bağlantının tarayıcıda açılmaması sorunuyla da karşılaştım, buradaki adımlarla düzeltmem:

1: Bu cordova eklentisini kurun.

cordova plugin add cordova-plugin-inappbrowser

2: html'deki açık bağlantıyı aşağıdaki gibi ekleyin.

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

3: Bu, çok fazla sorunla karşılaştığım için en önemli adım: cordova.jsdosyayı indirin ve wwwklasöre yapıştırın . Ardından index.htmldosyada buna bir referans verin .

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

Bu çözüm hem android hem de iPhone ortamı için çalışacaktır.

Bunun gibi :

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