Présentation des onglets personnalisés Android

Les onglets personnalisés sont une fonctionnalité des navigateurs Android qui permet aux développeurs d'applications d'ajouter une expérience de navigation personnalisée directement dans leur application.

Le chargement de contenu Web fait partie des applications mobiles depuis les débuts des smartphones, mais les anciennes options peuvent poser des défis aux développeurs. Le lancement du navigateur réel est un changement de contexte lourd pour les utilisateurs qui n'est pas personnalisable, tandis que les WebViews ne sont pas compatibles avec toutes les fonctionnalités de la plate-forme Web, ne partagent pas l'état avec le navigateur et ajoutent des frais de maintenance.

Les onglets personnalisés permettent aux utilisateurs de rester dans l'application pendant la navigation, ce qui augmente l'engagement et réduit le risque d'abandon de l'application. Les onglets personnalisés sont alimentés directement par le navigateur préféré de l'utilisateur et partagent automatiquement l'état et les fonctionnalités qu'il propose. Vous n'avez pas besoin d'écrire de code personnalisé pour gérer les requêtes, les autorisations ou les magasins de cookies.

À quoi servent les onglets personnalisés ?

En utilisant un onglet personnalisé, votre contenu Web se charge dans le moteur de rendu utilisé par le navigateur préféré de l'utilisateur. Toutes les API ou fonctionnalités de la plate-forme Web y sont disponibles, et le sont également dans votre onglet personnalisé. Sa session de navigation, ses mots de passe enregistrés, ses modes de paiement et ses adresses s'affichent comme il en a l'habitude.

Que puis-je personnaliser dans un onglet personnalisé ?

Oui, beaucoup. Les onglets personnalisés vous permettent de contrôler de manière précise une grande partie de l'interface utilisateur et de l'expérience utilisateur. Dans votre application, vous lancez un onglet personnalisé à l'aide d'un intent. Lorsque cet intent est appelé, vous pouvez ajouter un certain nombre d'attributs à CustomTabIntent pour obtenir l'expérience exacte que vous souhaitez. Voici quelques personnalisations que vous pouvez ajouter:

  • Animations d'entrée et de sortie personnalisées pour correspondre au reste de votre application
  • Modifier la couleur de la barre d'outils pour qu'elle corresponde à l'identité visuelle de votre application
  • Cohérence des couleurs qui peut rester dans votre application, même si les utilisateurs basculent entre les thèmes clair et sombre
  • Actions et entrées personnalisées dans la barre d'outils et les menus du navigateur
  • Contrôler la hauteur de lancement de l'onglet personnalisé, ce qui permet de diffuser vos vidéos tout en interagissant avec votre boutique en ligne, par exemple

De plus, les utilisateurs peuvent réduire un onglet personnalisé pour interagir avec l'application sous-jacente, et le restaurer à tout moment sans perdre de progression pour reprendre leur parcours. Les utilisateurs peuvent ainsi fermer l'onglet personnalisé à la place et effectuer plusieurs tâches en même temps entre le Web et l'application native. Cette fonctionnalité est activée par défaut pour les onglets personnalisés.

C'est loin de tout. Les onglets personnalisés sont très puissants et en cours de développement. Chaque navigateur doit prendre en charge ces fonctionnalités à mesure qu'elles deviennent disponibles. Bien que presque tous disposent d'un niveau de compatibilité, il est important de savoir ce qui peut ou non être disponible dans les navigateurs de vos utilisateurs. Consultez le tableau de comparaison des fonctionnalités pour vérifier rapidement la disponibilité des différentes fonctionnalités dans les navigateurs Android courants.

Vous pouvez le tester dès maintenant avec notre exemple sur GitHub.

Quand utiliser des onglets personnalisés ?

Il n'existe pas de méthode "correcte" unique pour charger du contenu Web. Dans certains cas, WebView est la technologie appropriée. Par exemple, si vous hébergez exclusivement votre propre contenu dans votre application ou si vous devez injecter du code JavaScript directement depuis votre application. Si votre application redirige les utilisateurs vers des URL en dehors des domaines, l'état partagé intégré des onglets personnalisés est probablement un meilleur choix. Voici d'autres points forts des onglets personnalisés:

  1. Sécurité: les onglets personnalisés utilisent la navigation sécurisée de Google pour protéger l'utilisateur et l'appareil contre les sites dangereux.
  2. Optimisation des performances :
    1. Préchauffage du navigateur en arrière-plan, tout en évitant de voler des ressources à l'application.
    2. Accélérez le temps de chargement des pages en chargeant les URL à l'avance de manière spéculative.
  3. Gestion du cycle de vie: les applications qui lancent un onglet personnalisé ne seront pas supprimées par le système pendant l'utilisation de l'onglet. L'importance de l'onglet personnalisé est élevée au niveau de l'avant-plan.
  4. Un modèle de cookie jar et d'autorisations partagés pour que les utilisateurs n'aient pas à se connecter aux sites auxquels ils sont déjà connectés ni à réaccorder les autorisations qu'ils ont déjà accordées.
  5. Les fonctionnalités du navigateur, comme la saisie automatique pour une meilleure saisie des formulaires, sont prêtes à l'emploi.
  6. Les utilisateurs peuvent revenir à l'application à l'aide d'un bouton Retour intégré.

Onglet personnalisé par rapport à l'activité Web fiable

Les activités Web fiables étendent le protocole des onglets personnalisés et partagent la plupart de ses avantages. Cependant, au lieu de fournir une UI personnalisée, il permet aux développeurs d'ouvrir un onglet de navigateur sans UI. Il est recommandé aux développeurs qui souhaitent ouvrir leur propre progressive web app en plein écran dans leur propre application Android.

Où les onglets personnalisés sont-ils disponibles ?

Les onglets personnalisés sont une fonctionnalité compatible avec les navigateurs sur la plate-forme Android. Il a été introduit à l'origine par Chrome, à partir de la version 45. Le protocole est compatible avec la plupart des navigateurs Android.

Nous attendons vos commentaires, questions et suggestions sur ce projet. Nous vous invitons donc à signaler les problèmes sur crbug.com et à poser vos questions sur Twitter à @ChromiumDev.

Premiers pas

En plus de la démonstration GitHub, plusieurs guides vous aideront à vous lancer avec les onglets personnalisés.

Pour toute question, consultez la balise chrome-custom-tabs sur StackOverflow.