открытая ссылка на телефонный разговор в браузере

<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

Есть 2 разных способа открыть URL-адрес в android и iphone.

ДЛЯ IOS используйте следующий код.

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

а для ОС Android используйте следующий код.

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

Наконец-то этот пост помог мне на iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Откройте файл «CDVwebviewDelegate.m» и найдите «shouldStartLoadWithRequest», затем добавьте этот код в начало функции:

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, так и для iPhone.

Как это :

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