phonegap membuka tautan di browser

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

hai para ahli saya menggunakan phonegap 2.9.0 dan saya menggunakan kode di atas untuk membuka tautan di browser tetapi membukanya di aplikasi yang sama ...... bagaimana cara membukanya di browser safari?

itu membuka situs web di aplikasi yang sama dan kemudian saya tidak dapat kembali ke aplikasi, jadi saya perlu menghapus aplikasi dan menginstalnya lagi .....

Seperti yang disarankan dalam pertanyaan serupa , gunakan JavaScript untuk memanggil window.opendengan targetargumen yang disetel ke _system, sesuai dengan dokumentasi InAppBrowser :

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

Ini seharusnya berfungsi, meskipun solusi yang lebih baik dan lebih fleksibel adalah dengan mencegat semua clickperistiwa tautan , dan memanggil window.opendengan argumen yang dibaca dari atribut tautan.

Ingat Anda harus menginstal plugin InAppBrowser agar ini berfungsi:

cordova plugin add cordova-plugin-inappbrowser

Seperti yang dijawab di posting lain, Anda memiliki dua opsi berbeda untuk platform berbeda. Yang saya lakukan adalah:

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

Jadi seperti yang Anda lihat, saya memeriksa platform perangkat dan bergantung pada itu saya menggunakan metode yang berbeda. Dalam kasus browser standar, saya meninggalkan perilaku standar. Mulai sekarang, solusinya akan berfungsi dengan baik di Android, iOS, dan browser, sementara halaman HTML tidak akan diubah, sehingga URL dapat direpresentasikan sebagai jangkar standar

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

Solusinya membutuhkan InAppBrowser dan plugin Perangkat

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

Bekerja untuk saya dengan android & PG 3.0

Ada 2 cara berbeda untuk membuka URL di android dan iphone.

UNTUK IOS gunakan kode berikut.

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

dan untuk OS android gunakan kode berikut.

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

Akhirnya posting ini membantu saya di iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Buka file "CDVwebviewDelegate.m" dan cari "shouldStartLoadWithRequest", lalu tambahkan kode ini ke awal fungsi:

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

Saat menggunakan navigator.app.loadUrl("http://google.com", {openExternal : true});untuk Android tidak masalah.

Melalui Cordova 3.3.0.

Tidak satu pun dari jawaban ini yang cukup eksplisit untuk membuka tautan eksternal di setiap platform. Sesuai dokumen inAppBrowser :

Install

cordova plugin add cordova-plugin-inappbrowser

Timpa window.open (opsional, tetapi disarankan untuk kesederhanaan)

window.open = cordova.InAppBrowser.open;

Jika Anda tidak menimpa window.open, Anda akan menggunakan window.openfungsi native , dan tidak dapat mengharapkan untuk mendapatkan hasil yang sama lintas platform.

Gunakan untuk membuka link di browser default

window.open(your_href_value, '_system');

Perhatikan bahwa target untuk inAppBrowser (yang disarankan oleh nama plugin untuk digunakan) adalah '_blank', bukan '_system'.

Tanpa langkah-langkah di atas, saya tidak bisa mendapatkan tautan untuk dibuka di aplikasi browser default lintas platform.

Kredit tambahan

Berikut adalah contoh handler klik (langsung) untuk link:

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

Jika Anda kebetulan memiliki jQuery, Anda dapat menghentikan klik pada tautan seperti ini:

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

Dengan cara ini Anda tidak perlu mengubah tautan di html, yang dapat menghemat banyak waktu. Saya telah menyiapkan ini menggunakan delegasi, itulah mengapa Anda melihatnya terikat ke objek dokumen, dengan tag 'a' sebagai argumen kedua. Dengan cara ini semua tag 'a' akan ditangani, kapan pun tag tersebut ditambahkan.

Tentu Anda masih harus menginstal plugin InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Akan berfungsi, tetapi hanya jika Anda telah menginstal plugin browser aplikasi. Untuk menginstal, menggunakan terminal, telusuri folder www di proyek Anda dan ketik:

phonegap plugin add org.apache.cordova.inappbrowser

atau

cordova plugin add org.apache.cordova.inappbrowser

Kemudian tautan Anda akan terbuka di browser.

Dengan Cordova 5.0 dan yang lebih baru, plugin InAppBrowser diganti namanya di registri plugin Cordova, jadi Anda harus menginstalnya menggunakan

cordova plugin add cordova-plugin-inappbrowser --save

Kemudian gunakan

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

Saya menggunakan PhoneGap Build (v3.4.0), dengan fokus pada iOS, dan saya perlu memiliki entri ini di config.xml saya untuk PhoneGap untuk mengenali plug-in InAppBrowser.

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

Setelah itu, menggunakan window.open (url, target) akan bekerja seperti yang diharapkan, seperti yang didokumentasikan di sini .

Saya juga menghadapi masalah bahwa tautan tidak terbuka di browser di sini adalah perbaikan saya dengan langkah-langkah:

1: Instal plugin cordova ini.

cordova plugin add cordova-plugin-inappbrowser

2: tambahkan tautan terbuka di html seperti berikut.

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

3: ini adalah langkah yang paling penting karena ini saya menghadapi banyak masalah: unduh cordova.jsfile dan tempelkan di wwwfolder. Kemudian buat referensi tentang ini di index.htmlfile.

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

Solusi ini akan bekerja untuk lingkungan android dan iPhone.

Seperti ini :

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