Avoir l’inspecteur web d’un smartphone sur son PC / Mac

L’inspecteur web est un outil indispensable pour les développeurs web, car il permet d’inspecter et de débogguer les pages web. Il permet notamment de voir le code source de la page, de visualiser l’arbre DOM, de suivre les requêtes HTTP, et de tester les interactions avec la page.

Les smartphones sont de plus en plus utilisés pour surfer sur le web, et il est donc important pour les développeurs de pouvoir débogguer leurs sites et applications mobiles.

• Brancher le smartphone au pc avec un câble usb
• Activer l’inspecteur web sur le device
  • Sur iOs :
    • Aller dans Réglages
    • Puis dans Safari
    • Puis dans Avancé
    • Et activer l’inspecteur web
  • Sur Android :
    • Aller dans Paramètres
    • Puis dans À propos du téléphone (tout en bas)
    • Cliquer plusieurs fois sur Numéro de build jusqu’à « être développeur »
    • Retour dans Paramètres
    • Dans Options développeurs
    • Activer le Débogage usb
• Accéder à l’inspecteur
  • Pour iOs :
    • Ouvrir Safari
    • Dans l’onglet développement
    • Choisir le device et l’onglet concerné
  • Pour Android :
    • Ouvrir Chrome
    • Ouvrir l’inspecteur Web (Chrome DevTools)
    • Dans les options du Chrome DevTools
    • Cliquer sur More Tools
    • Remote devices
    • Choisir son device et accepter la demande d’autorisation sur le device
    • Cliquer sur le Inspect de l’onglet désiré