Est-il possible d'ouvrir la console developer tools dans Chrome sur un téléphone Android?
Une application AngularJS fonctionne bien sur le bureau, mais ne rend pas correctement sur mobile (le code réel est affiché). Ceci est sur un téléphone Android.
Je voudrais voir quelles erreurs apparaissent dans la console.
Est-il possible d'ouvrir la console js sur l'application chrome sur mobile (comme sur le bureau)?
3 réponses
Vous pouvez le faire en utilisant le débogage à distance, voici documentation officielle . Processus de base:
- Connectez votre appareil android
- Sélectionnez votre appareil: plus d'outils > inspecter les appareils à partir des outils de développement sur pc / mac.
- Autoriser sur votre mobile.
- Bon débogage!!
Je veux seulement voir ce qui a été imprimé dans la console, vous pouvez simplement ajouter la partie" imprimée " quelque part dans votre HTML afin qu'elle apparaisse sur la page Web. Vous pouvez le faire pour vous-même, mais il y a 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 à partir de Github ; Vous pouvez le télécharger et le coller dans un fichier javascipt et ajoutez-le à votre HTML
Lorsque vous n'avez pas de PC sous la main, vous pouvez utiliser Eruda, qui est devtools pour les navigateurs mobiles https://github.com/liriliri/eruda
Il est fourni en JavaScript intégrable et aussi en bookmarklet (coller bookmarklet dans chrome supprime le préfixe javascript:, vous devez donc le taper vous-même)