zadzwoń, otwórz łącze w przeglądarce

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

cześć eksperci, używam phonegap 2.9.0 i używam powyższego kodu, aby otworzyć link w przeglądarce, ale otwiera go w tej samej aplikacji ...... jak otworzyć przeglądarkę safari?

otwiera witrynę w tej samej aplikacji, a następnie nie mogę do niej wrócić, więc muszę usunąć aplikację i zainstalować ją ponownie .....

Jak sugerowano w podobnym pytaniu , użyj JavaScript do wywołania window.openz targetargumentem ustawionym na _system, zgodnie z dokumentacją InAppBrowser :

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

Powinno to zadziałać, chociaż lepszym i bardziej elastycznym rozwiązaniem byłoby przechwycenie wszystkich clickzdarzeń linków i wywołanie window.openz argumentami odczytanymi z atrybutów linku.

Pamiętaj, że musisz zainstalować wtyczkę InAppBrowser, aby to działało:

cordova plugin add cordova-plugin-inappbrowser

Jak odpowiedział w innych postach, masz dwie różne opcje dla różnych platform. Co robię to:

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

Jak więc widzisz, sprawdzam platformę urządzenia iw zależności od tego używam innej metody. W przypadku standardowej przeglądarki zostawiam standardowe zachowanie. Od teraz rozwiązanie będzie działało dobrze na Androidzie, iOS iw przeglądarce, a strona HTML nie zostanie zmieniona, więc może mieć adresy URL reprezentowane jako standardowa kotwica

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

Rozwiązanie wymaga wtyczek InAppBrowser i Device

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

Działa dla mnie z Androidem i PG 3.0

Istnieją 2 różne sposoby otwierania adresu URL na Androidzie i iPhonie.

DLA IOS użyj następującego kodu.

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

a dla systemu Android użyj następującego kodu.

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

W końcu ten post pomaga mi na iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Otwórz plik „CDVwebviewDelegate.m” i wyszukaj „shouldStartLoadWithRequest”, a następnie dodaj ten kod na początku funkcji:

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

Podczas korzystania navigator.app.loadUrl("http://google.com", {openExternal : true});z Androida jest OK.

Via Cordova 3.3.0.

Żadna z tych odpowiedzi nie jest na tyle wyraźna, aby otworzyć linki zewnętrzne na każdej platformie. Zgodnie z dokumentacją inAppBrowser :

zainstalować

cordova plugin add cordova-plugin-inappbrowser

Nadpisz window.open (opcjonalne, ale zalecane dla uproszczenia)

window.open = cordova.InAppBrowser.open;

Jeśli nie nadpiszesz window.open, będziesz używać window.openfunkcji natywnej i nie możesz oczekiwać, że uzyskasz takie same wyniki na różnych platformach.

Użyj go, aby otworzyć linki w domyślnej przeglądarce

window.open(your_href_value, '_system');

Zauważ, że celem dla inAppBrowser (do czego sugeruje nazwa wtyczki) jest '_blank'zamiast '_system'.

Bez powyższych kroków nie udało mi się uzyskać linków do otwarcia w domyślnej aplikacji przeglądarki na różnych platformach.

Dodatkowy kredyt

Oto przykładowa obsługa kliknięć (na żywo) dla linków:

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

Jeśli zdarzy ci się mieć jQuery w pobliżu, możesz przechwycić kliknięcie linku w następujący sposób:

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

W ten sposób nie musisz modyfikować linków w html, co pozwala zaoszczędzić dużo czasu. Skonfigurowałem to za pomocą delegata, dlatego widzisz, że jest on powiązany z obiektem dokumentu, ze znacznikiem „a” jako drugim argumentem. W ten sposób wszystkie tagi „a” będą obsługiwane, niezależnie od tego, kiedy zostaną dodane.

Oczywiście nadal musisz zainstalować wtyczkę InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Będzie działać, ale tylko wtedy, gdy masz zainstalowaną wtyczkę inappbrowser. Aby zainstalować, używając terminala, przejdź do folderu www w swoim projekcie i wpisz:

phonegap plugin add org.apache.cordova.inappbrowser

lub

cordova plugin add org.apache.cordova.inappbrowser

Wtedy twój link otworzy się w przeglądarce.

W przypadku wersji 5.0 i nowszych wtyczki InAppBrowser została zmieniona nazwa wtyczki w rejestrze wtyczek Cordova, dlatego należy ją zainstalować za pomocą

cordova plugin add cordova-plugin-inappbrowser --save

Następnie użyj

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

Używam PhoneGap Build (v3.4.0), koncentrując się na iOS, i potrzebowałem tego wpisu w moim config.xml, aby PhoneGap rozpoznał wtyczkę InAppBrowser.

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

Następnie użycie window.open (url, target) powinno działać zgodnie z oczekiwaniami, jak opisano tutaj .

Napotkałem również problem, który nie otwierał się w przeglądarce, tutaj jest moja poprawka z krokami:

1: Zainstaluj tę wtyczkę cordova.

cordova plugin add cordova-plugin-inappbrowser

2: dodaj otwarty link w html, jak poniżej.

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

3: jest to najważniejszy krok, dlatego napotkałem wiele problemów: pobierz cordova.jsplik i wklej go do wwwfolderu. Następnie umieść odniesienie do tego w index.htmlpliku.

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

To rozwiązanie sprawdzi się zarówno w środowisku Android jak i iPhone.

Lubię to :

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