Android vous permet, en tant que développeur, de tirer parti de la puissance du Web dans votre application native. Vous pouvez ainsi bénéficier de la flexibilité et de l'efficacité de l'affichage de certains types de contenu.
Intégrer du contenu à l'aide de WebView
L'API WebView permet aux développeurs d'accéder aux fonctionnalités d'un mini-navigateur pour afficher du contenu Web dans leur application. Cela vous permet de proposer des expériences Web comme élément principal ou complémentaire de votre application, comme illustré dans la figure 1.
Que peut faire WebView ?
Voici ce que vous pouvez faire avec WebView dans votre application :
Intégrer le Web : une WebView est intégrée à l'interface utilisateur d'une application en tant que composant, comme un bouton ou un champ de texte.
Charger du contenu : WebView peut charger du contenu Web à partir de différentes sources :
- URL à distance : il peut récupérer et afficher des pages Web depuis Internet, comme un navigateur classique.
- Fichiers locaux : il peut charger des fichiers HTML, CSS et JavaScript stockés dans les ressources de l'application.
- Contenu généré de manière dynamique : l'application peut générer du contenu HTML à la volée et l'envoyer à WebView.
Affichage : WebView utilise son moteur de navigateur pour analyser et afficher le code HTML, CSS et JavaScript, et affiche la page Web résultante dans la zone désignée de l'UI de l'application.
Exécuter JavaScript : WebView peut exécuter du code JavaScript dans le contexte de la page Web chargée. Cela permet des interactions et des mises à jour dynamiques dans WebView.
Interaction avec l'application native : c'est là que WebView devient plus puissant. Il permet une communication bidirectionnelle entre la page Web et l'application.
- JavaScript vers natif : le code JavaScript exécuté dans WebView peut appeler les API hôtes de l'application, ce qui permet d'accéder aux fonctionnalités de l'appareil telles que l'appareil photo, le GPS ou les capteurs.
- Native à JavaScript : l'application peut également injecter du code JavaScript dans WebView, manipuler le contenu de la page Web ou répondre aux événements déclenchés par la page Web.
En quoi WebView est-il différent d'un navigateur classique comme Chrome ?
WebView est un composant hautement personnalisé qui fournit la fonctionnalité de base d'une fenêtre sur le Web. Contrairement à un navigateur, qui fournit une grande partie de la barre de navigation et répond à d'autres besoins des utilisateurs pour naviguer sur le Web de manière plus générale, l'expérience globale de WebView est façonnée par la conception et l'objectif de votre application.
Pour mieux comprendre en quoi WebView diffère des navigateurs standards, consultez les explications suivantes :
UI : WebView est utilisé pour afficher du contenu Web et ne possède pas son propre en-tête ni sa propre UI comme la plupart des autres navigateurs courants (bouton "Accueil", barre d'URL, navigation, paramètres, etc.).
Fonctionnalités : de nombreux navigateurs ont intégré des fonctionnalités supplémentaires pour améliorer l'expérience de navigation, comme les favoris, les autorisations ou l'historique.
Mises à jour : Android WebView étant un service système sur Android, les mises à jour sont envoyées et intégrées automatiquement aux applications tous les mois. Les navigateurs s'appuient sur les mises à jour de leurs applications correspondantes, puis sur les utilisateurs finaux pour appliquer la mise à jour sur leurs appareils.
Par où commencer ?
Pour savoir comment utiliser WebView dans votre application, consultez l'article Développer des applications Web dans WebView.
Ressources supplémentaires
Pour développer des pages Web pour les appareils Android à l'aide d'objets WebView ou d'onglets personnalisés, consultez les documents suivants :
- Développer des applications Web dans WebView
- Gérer les objets WebView
- Assurer la compatibilité avec différents écrans dans les applications Web
- Déboguer des applications Web
- Bonnes pratiques pour les applications Web
- Activer la version bêta de WebView
- Navigation dans l'application à l'aide d'Embedded Web
- Présentation des onglets personnalisés Android