Est-il possible d'ouvrir la console des outils de développement dans le téléphone Chrome sur Android?
Une application AngularJS fonctionne correctement sur le bureau, mais ne s'affiche pas correctement sur le mobile (le code actuel est affiché). Ceci est sur un téléphone Android.
Je voudrais voir quelles erreurs montrent dans la console.
Est-il possible d'ouvrir la console JS sur chrome app sur mobile (comme sur le bureau)?
Vous pouvez le faire en utilisant le débogage à distance, voici documentation officielle . Processus de base:
- Connectez votre appareil Android
- Sélectionnez votre périphérique: Autres outils> Inspecter les périphériques à partir des outils de développement sur pc/mac.
- Autoriser sur votre mobile.
- Bon débogage !!
Si vous n’avez pas de PC à votre disposition, vous pouvez utiliser Eruda, qui est devtools pour les navigateurs mobiles https://github.com/liriliri/eruda
Il est fourni sous forme de code javascript intégrable et également sous forme de bookmarklet (coller un bookmarklet dans chrome supprime le préfixe javascript:, vous devez donc le taper vous-même)
Si vous voulez seulement voir ce qui a été imprimé dans la console, vous pouvez simplement ajouter la partie "imprimée" quelque part dans votre code HTML afin qu’elle apparaisse dans la page Web. Vous pouvez le faire vous-même, mais il existe un fichier javascript qui le fait pour vous. Vous pouvez lire à ce sujet ici:
http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/
Le code est disponible chez Github ; vous pouvez le télécharger et le coller dans un fichier javascipt et l'ajouter à votre code HTML
Vous pouvez probablement essayer le Gear Browser, il peut inspecter des éléments et déboguer un site Web uniquement sur mobile.