Comment déboguer du code JavaScript avec des navigateurs mobiles
Je connais Firebug et les outils de développement des principaux navigateurs de bureau modernes, mais je ne trouve aucun moyen de déboguer du code JavaScript sur les navigateurs mobiles.
Quelles sont les techniques de haut niveau que je peux utiliser pour déboguer du code sur les navigateurs mobiles?
Android fournit un ensemble d’outils permettant de: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
Apple le fait de la même manière: https://developer.Apple.com/safari/tools/
Didacticiel: https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/
Les appareils Android peuvent être mis en mode développeur en sélectionnant Paramètres> État du téléphone, puis en appuyant 7 fois sur "Numéro de construction". Cela vous permet de faire un tas de choses (voir l'étape 5) , y compris le débogage USB. (Certains appareils peuvent avoir un numéro de version sous Informations sur le logiciel)
Pour activer le débogage USB, recherchez dans les "{} Options pour les développeurs" nouvellement apparues, ouvrez-le et activez le débogage USB. Connectez votre appareil en utilisant une connexion USB directe.
Dans Chrome sur votre bureau, dans le panneau des outils de développement utilisé habituellement pour le débogage, recherchez dans le menu d’autres outils> périphériques distants. Lorsque l'option Découvrir les périphériques USB est sélectionnée, vous devriez maintenant voir votre appareil mobile sur le côté.
Sélectionnez-le pour afficher une liste de tous les onglets chromés que vous avez ouverts et la possibilité de saisir directement des URL.
En sélectionnant l'un des liens, une nouvelle fenêtre s'ouvrira avec un miroir de l'écran de votre appareil à gauche et tous les outils de débogage chromés connus à droite. Vous pouvez toujours contrôler votre appareil directement ou utiliser la souris sur l'écran en miroir. Il tourne même.
détails complets sur le débogage distant de Google et comment activer le mode développeur (lien comme ci-dessus) de askvg.com
Vous pouvez déboguer sur Safari Mobile avec n’importe quel iPhone/iPad. Dans le menu Développeur, vous pouvez trouver votre appareil et vous pouvez ensuite déboguer votre code avec Inspector.
Si vous avez plutôt un appareil Android, vous pouvez déboguer sur Chrome Desktop (n'oubliez pas d'activer le mode débogage) avec chrome://inspect
Sur l'iPhone, vous pouvez accéder aux paramètres> Safari> Avancé et activer l'inspecteur Web.