Comment déboguer des sites Web à distance sur Android avec Chrome DevTools

Tester sur de vrais appareils Android pour proposer de meilleurs sites Web

Avec Android installé sur plus de 2,5 milliards d’appareils, les développeurs Web ne peuvent pas négliger l’optimisation des pages Web pour Android. Le navigateur Web de choix pour les utilisateurs d’Android sera probablement Google Chrome, car il est généralement préinstallé et de nombreux utilisateurs le connaissent déjà en raison de l’utilisation de Chrome sur un ordinateur. Avec la montée de Progressive Web Apps (PWA), les utilisateurs attendent des applications de haute qualité non seulement en tant qu’applications natives, mais également dans leur navigateur.

Bien que vous puissiez redimensionner votre navigateur et utiliser les outils de développement de navigateur, vous ne pouvez pas simuler complètement une expérience mobile de cette façon. Par exemple, j’ai eu un problème qui empêchait de cliquer sur un élément sur mobile, mais cela fonctionnait sur ordinateur. Les mêmes navigateurs sur ordinateur et mobile peuvent avoir des différences, car certaines fonctionnalités dépendent de la plate-forme sur laquelle ils s’exécutent.

J’ai déjà écrit un article sur la façon dont vous pouvez tester vos sites Web dans le simulateur iOS de Xcode.

Dans cet article, je veux vous montrer comment tester des sites Web sur des appareils Android à l’aide du débogage à distance de Chrome.