phonegap ouvrir le lien dans le navigateur

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

hé experts, j'utilise phonegap 2.9.0 et j'utilise le code ci-dessus pour ouvrir le lien dans le navigateur mais il l'ouvre dans la même application ...... comment l'ouvrir dans le navigateur safari?

il ouvre le site Web dans la même application, puis je ne peux pas revenir à l'application, je dois donc supprimer l'application et la réinstaller .....

Comme suggéré dans une question similaire , utilisez JavaScript pour appeler window.openavec l' targetargument défini sur _system, conformément à la documentation InAppBrowser :

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

Cela devrait fonctionner, bien qu'une solution meilleure et plus flexible consisterait à intercepter tous les clickévénements des liens et à appeler window.openavec des arguments lus à partir des attributs du lien.

N'oubliez pas que vous devez installer le plugin InAppBrowser pour que cela fonctionne:

cordova plugin add cordova-plugin-inappbrowser

Comme répondu dans d'autres articles, vous avez deux options différentes pour différentes plates-formes. Ce que je fais c'est:

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

Donc, comme vous pouvez le voir, je vérifie la plate-forme de l'appareil et, en fonction de cela, j'utilise une méthode différente. Dans le cas d'un navigateur standard, je laisse le comportement standard. À partir de maintenant, la solution fonctionnera correctement sur Android, iOS et dans un navigateur, tandis que la page HTML ne sera pas modifiée, de sorte qu'elle puisse avoir des URL représentées comme une ancre standard

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

La solution nécessite des plugins InAppBrowser et Device

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

Fonctionne pour moi avec Android et PG 3.0

Il existe 2 façons différentes d'ouvrir l'URL sous Android et iPhone.

POUR IOS, utilisez le code suivant.

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

et pour Android OS, utilisez le code suivant.

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

Enfin, cet article m'aide sur iOS: http://www.excellentwebworld.com/phonegap-open-a-link-in-safari-or-external-browser/ .

Ouvrez le fichier "CDVwebviewDelegate.m" et recherchez "shouldStartLoadWithRequest", puis ajoutez ce code au début de la fonction:

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

En utilisant navigator.app.loadUrl("http://google.com", {openExternal : true}); pour Android est OK.

Via Cordova 3.3.0.

Aucune de ces réponses n'est suffisamment explicite pour que des liens externes s'ouvrent sur chaque plateforme. Selon la documentation inAppBrowser :

Installer

cordova plugin add cordova-plugin-inappbrowser

Écraser window.open (facultatif, mais recommandé pour plus de simplicité)

window.open = cordova.InAppBrowser.open;

Si vous n'écrasez pas window.open, vous utiliserez la window.openfonction native et ne pouvez pas vous attendre à obtenir les mêmes résultats multiplateformes.

Utilisez-le pour ouvrir des liens dans le navigateur par défaut

window.open(your_href_value, '_system');

Notez que la cible de inAppBrowser (qui est ce que le nom du plugin suggère qu'il doit être utilisé) est '_blank', au lieu de '_system'.

Sans les étapes ci-dessus, je n'ai pas pu obtenir de liens à ouvrir dans l'application de navigateur par défaut multiplateforme.

Crédit supplémentaire

Voici un exemple de gestionnaire de clics (en direct) pour les liens:

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

Si vous avez jQuery dans les parages, vous pouvez intercepter le clic sur le lien comme ceci:

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

De cette façon, vous n'avez pas à modifier les liens dans le html, ce qui peut vous faire gagner beaucoup de temps. J'ai configuré cela en utilisant un délégué, c'est pourquoi vous voyez qu'il est lié à l'objet document, avec la balise «a» comme deuxième argument. De cette façon, toutes les balises «a» seront gérées, quel que soit le moment où elles sont ajoutées.

Bien sûr, vous devez toujours installer le plug-in InAppBrowser:

cordova plugin add org.apache.cordova.inappbrowser

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

Fonctionnera mais uniquement si le plugin inappbrowser est installé. Pour installer, à l'aide du terminal, accédez au dossier www dans votre projet et tapez:

phonegap plugin add org.apache.cordova.inappbrowser

ou

cordova plugin add org.apache.cordova.inappbrowser

Ensuite, votre lien s'ouvrira dans le navigateur.

Avec Cordova 5.0 et supérieur, le plugin InAppBrowser est renommé dans le registre du plugin Cordova, vous devez donc l'installer en utilisant

cordova plugin add cordova-plugin-inappbrowser --save

Ensuite, utilisez

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

J'utilise PhoneGap Build (v3.4.0), en me concentrant sur iOS, et j'avais besoin d'avoir cette entrée dans mon config.xml pour que PhoneGap reconnaisse le plug-in InAppBrowser.

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

Après cela, l'utilisation de window.open (url, cible) devrait fonctionner comme prévu, comme indiqué ici .

J'ai également rencontré le problème que le lien ne s'ouvrait pas sur le navigateur, voici mon correctif avec les étapes:

1: Installez ce plugin cordova.

cordova plugin add cordova-plugin-inappbrowser

2: ajoutez le lien ouvert dans le html comme suit.

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

3: c'est l'étape la plus importante à cause de cela, j'ai rencontré de nombreux problèmes: téléchargez le cordova.jsfichier et collez-le dans le wwwdossier. Faites-en ensuite référence dans le index.htmlfichier.

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

Cette solution fonctionnera à la fois pour l'environnement Android et iPhone.

Comme ça :

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