Ouvrir l'URL dans webview - phonegap

Je voudrais savoir comment puis-je ouvrir une url dans le contexte de l'application de l'intégrer webview. Actuellement, cette démo permettra d'ouvrir un nouvel onglet dans le navigateur externe, donc, pas ce que je suis attendu. Je suis à l'aide de google.com juste pour le test.

Résumé, je suis à la recherche d'une fonctionnelle de la démo.

<?xml version="1.0" encoding="UTF-8"?>

<!-- config.xml reference: https://build.phonegap.com/docs/config-xml -->
<widget xmlns     = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        xmlns:android = "http://schemas.android.com/apk/res/android"
        id        = "com.xxx.xxxxx"
        version   = "1.0.0">

    <preference name="stay-in-webview" value="true" />

    <access origin="*" browserOnly="true" subdomains="true" />

    <content src="index.html" />

    <allow-navigation href="https://google.com/*" />

    <gap:plugin name="cordova-plugin-whitelist" source="npm" version="~1" />
    <gap:plugin name="org.apache.cordova.inappbrowser" />
    <gap:plugin name="org.apache.cordova.splashscreen" />

    <preference name="phonegap-version"           value="cli-5.4.1" />
    <preference name="permissions"                value="none"/>
    <preference name="target-device"              value="universal"/>
    <preference name="fullscreen"                 value="true"/>

</widget>

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/index.css" />
    </head>
    <body>
        <div>
            <script type="text/javascript" charset="utf-8">
                document.addEventListener("deviceready", onDeviceReady, false);

                function onDeviceReady() {
                    window.location.href = 'https://google.com';
                }
            </script>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
    </body>
</html>

Mise à jour:
Complet fichier xml:
https://codeshare.io/Vw3Fl

source d'informationauteur user2990084

essayer :

window.open('https://google.com', '_self ', 'location=yes');

au lieu de :

window.location.href = 'https://google.com';

Cela utiliser le InAppBrowser, et l'utilisation _self comme cible.

7

Vous devez ajouter cette ligne sur le config.xml pour permettre une navigation vers des url externes
```
<allow-navigation href="*" />
```
Cela permettra de navigation externe de l'url, si vous voulez juste pour permettre la navigation de google, puis ajoutez cette ligne
```
<allow-navigation href="https://google.com" /> 
```
Vous pouvez vérifier le reste de la documentation sur la page du plugin

https://github.com/apache/cordova-plugin-whitelist
1

Pour ceux qui ont ce problème tout en utilisant Phonegap 6.3.1, vous devriez liste blanche des urls correctement et d'utiliser le cordova-plugin-plugin inappbrowser.

Lire la suite pour savoir comment faire.

Abord, assurez-vous que vous avez ajoutés à la liste blanche les adresses url que vous souhaitez ouvrir. Vous faites cela en les ajoutant à la hrefs de <access> balises, <allow-intent> balises et allow-navigation balises dans votre config.xml fichier à la racine du projet. Quelque chose comme th:
```
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.phonegap.helloworld" version="1.0.0"
        xmlns="http://www.w3.org/ns/widgets"
        xmlns:gap="http://phonegap.com/ns/1.0">

    ...

    <access origin="*" />
    <allow-intent href="*" />
    <allow-navigation href="*" />

    ...

</widget>
```
(Note: les "*" dans le ci-dessus hrefs permet l'ouverture d'une url/chemin d'accès. En production, vous voulez probablement restreindre l'accès à certaines url/chemins)

Prochaine, dans votre index.html fichier, ajouter le code javascript suivant:
```
<script type="text/javascript">
    document.addEventListener('deviceready', function() {
        var url = 'https://www.google.com' //change to whatever you want
        cordova.InAppBrowser.open(url, '_self', 'location=no');
    }, false)
</script>
```
Ce script utilise le cordova-plugin-inappbrowser plugin, qui, si vous avez généré votre application à l'aide de la norme Phonegap modèle, devrait déjà être inclus dans votre config.xml fichier.

Le script attend pour que l'appareil soit prêt, puis utilise le cordova-plugin-plugin inappbrowser pour ouvrir l'url donnée. Le '_self' paramètre signifie qu'il ouvre la page dans le Phonegap webview et la 'location=no' signifie qu'il n'y aura pas de barre d'adresse. Pour d'autres options de paramètres, consultez la documentation pour les cordova-plugin-inappbrowser plugin (lien ci-dessus).

Enfin, pour tester l'application dans les émulateurs (en supposant que vous avez le Phonegap CLI installé), exécutez la commande suivante(s):
```
phonegap run ios --verbose --stack-trace
phonegap run android --verbose --stack-trace
```

Vous pouvez avoir à ajouter les éléments suivants à votre phonegap fichier xml:

<?xml version="1.0" encoding="UTF-8"?>
<phonegap>
    <access origin="https://abcx.com" subdomains="true" />
</phonegap>

0

Un moyen très simple pour ouvrir la page dans le navigateur de votre système dans une application phonegap est par le rendu de la page dans un iframe.
```
<iframe src="http://www.google.com></iframe>
```
Vous pouvez modifier l'URL de l'iframe à l'aide de dom mise à jour.

Cela va charger la page dans le système natif du navigateur.

installer les plugin en tapant ces commandes dans votre répertoire de projet

phonegap plugin add cordova-plugin-whitelist
phonegap prepare

puis ajoutez les éléments suivants dans les balises suivantes index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *" />
<style>
*{
    margin: 0px;
    padding: 0px;
 } body {width:100%;height:100%;margin:0;overflow:hidden;background-
 color:#252525;}
 #my_iframe{
  border: 0px;
  height: 100vh;
  width: 100%;
  }
  </style>
<title>ProjectName</title>
</head>

<body>
<iframe src="PUT_HERE_YOUR_PROJECT_URL" id="my_iframe" frameborder="0" width="100%" height="100%" >
</iframe>   
</body>

</html>

Vous devez vous connecter pour publier un commentaire.