відкрити посилання в браузері

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

ей експерти, я використовую phonegap 2.9.0, і я використовую вищевказаний код, щоб відкрити посилання у браузері, але він відкриває його в тому ж додатку ...... як відкрити його браузер safari?

він відкриває веб-сайт у тому ж додатку, і тоді я не можу повернутися до програми, тому мені потрібно видалити додаток і встановити його знову .....

Як запропоновано в аналогічному запитанні , використовуйте JavaScript для виклику window.openз targetаргументом, встановленим _systemвідповідно до документації InAppBrowser :

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

Це повинно працювати, хоча кращим і гнучкішим рішенням буде перехоплення всіх clickподій посилань та виклик window.openз аргументами, прочитаними з атрибутів посилання.

Пам'ятайте, що для цього потрібно встановити плагін InAppBrowser:

cordova plugin add cordova-plugin-inappbrowser

Як відповіли в інших публікаціях, у вас є два різні варіанти для різних платформ. Що я роблю:

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

Отже, як ви бачите, я перевіряю платформу пристрою, і залежно від цього я використовую інший метод. У разі звичайного браузера я залишаю стандартну поведінку. Відтепер рішення буде добре працювати на Android, iOS та у браузері, в той час як HTML-сторінку не буде змінено, так що URL-адреси можуть бути представлені як стандартний якір

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

Для рішення потрібні додатки InAppBrowser та Device

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

Для мене працює з android & PG 3.0

Є два різних способи відкрити URL-адресу в android та iphone.

Для IOS використовуйте наступний код.

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

а для android OS використовують наступний код.

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

Нарешті ця публікація допомагає мені на iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Відкрийте "CDVwebviewDelegate.m" файл і знайдіть "слідStartLoadWithRequest", а потім додайте цей код до початку функції:

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 це нормально.

Через Кордову 3.3.0.

Жоден із цих відповідей не є явним, щоб відкрити зовнішні посилання на кожній платформі. Відповідно до документів inAppBrowser :

Встановити

cordova plugin add cordova-plugin-inappbrowser

Перезаписати window.open (необов’язково, але рекомендується для простоти)

window.open = cordova.InAppBrowser.open;

Якщо ви не перезапишете window.open, ви будете використовувати нативну window.openфункцію, і не можете розраховувати на отримання однакових результатів на міжплатформі.

Використовуйте його для відкриття посилань у браузері за замовчуванням

window.open(your_href_value, '_system');

Зауважте, що ціль для inAppBrowser (саме те, що підказує ім'я плагіна, це '_blank'замість) '_system'.

Без вищезазначених кроків мені не вдалося отримати посилання для відкриття в кросплатформенній програмі браузера за замовчуванням.

Додатковий кредит

Ось приклад (живий) обробник кліків для посилань:

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

Якщо у вас є jQuery навколо, ви можете перехопити натискання на посилання так:

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

Таким чином, вам не доведеться змінювати посилання в html, що може заощадити багато часу. Я налаштував це за допомогою делегата, тому ви бачите, що він прив’язаний до об'єкта документа, з тегом 'a' як другим аргументом. Таким чином будуть оброблятися всі теги "a", незалежно від того, коли вони додані.

Звичайно, вам все одно доведеться встановити плагін InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Працює, але тільки якщо у вас встановлений плагін inappbrowser. Щоб встановити, використовуючи термінал, перейдіть до папки www у вашому проекті та введіть:

phonegap plugin add org.apache.cordova.inappbrowser

або

cordova plugin add org.apache.cordova.inappbrowser

Тоді це ваше посилання відкриється у браузері.

З Cordova 5.0 і вище плагін InAppBrowser перейменований в реєстр плагінів Cordova, тому вам слід встановити його за допомогою

cordova plugin add cordova-plugin-inappbrowser --save

Потім використовуйте

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

Я використовую PhoneGap Build (v3.4.0), з акцентом на iOS, і мені потрібно було вказати цей запис у своєму config.xml для PhoneGap, щоб розпізнати плагін InAppBrowser.

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

Після цього використання window.open (URL, target) має працювати як очікується, як це зафіксовано тут .

Я також зіткнувся з проблемою, що посилання не відкривалося в браузері, ось моє виправлення з кроками:

1: Встановіть цей плагін cordova.

cordova plugin add cordova-plugin-inappbrowser

2: додайте відкрите посилання в html, як описано нижче.

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

3: це найважливіший крок через це я зіткнувся з безліччю проблем: завантажте cordova.jsфайл і вставте його в wwwпапку. Потім зробіть посилання на це у index.htmlфайлі.

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

Це рішення працюватиме як для Android, так і для Android та iPhone.

Подобається це :

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