Une application AngularJS fonctionne bien sur un ordinateur de bureau, mais ne s'affiche pas correctement sur un téléphone portable (le code actuel est affiché). Cette application se trouve sur un téléphone Android.
J'aimerais voir quelles erreurs s'affichent dans la console.
Est-il possible d'ouvrir la console JS sur l'application chrome sur mobile (comme sur desktop) ?
Vous pouvez le faire en utilisant le débogage à distance, ici documentation officielle . Processus de base :
* à partir d'outils de développement sur pc/mac.* C'est maintenant "Appareils à distance".
Si vous n'avez pas de PC sous la main, vous pouvez utiliser Eruda, qui est un outil de développement pour les navigateurs mobiles. https://github.com/liriliri/eruda
Il est fourni sous forme de javascript intégrable et de bookmarklet (le collage du bookmarklet dans chrome supprime le préfixe javascript :, vous devez donc le taper vous-même).
Un très bon compagnon pour des outils comme Termux qui rendent réel le développement sur les appareils mobiles solitaires ! J'ai déjà intégré eruda-webpack-plugin en un seul projet : npm i eruba-webpack-plugin --save-optional .
Pour utiliser le débogage à distance premier mode développeur actif dans Android
1 dans Android>réglages>recherche du numéro d'identification-->puis cliquez dessus plusieurs fois pour activer le mode développeur
2- Android>paramètres>options du développeur>activer le débogage usb
3 - connexion à l'ordinateur avec câble USB
4-dans le pc chrome tapez chrome://inspect > enter
5- dans le mobile ouvrir l'url puis surveiller dans le pc chrome://inspect/#devices
Que doit-il se passer exactement dans chrome://inspect/#devices lorsque j'ouvre une URL sur le téléphone ? Parce que rien ne semble s'y passer, même si j'ai suivi les étapes 1 à 4. En particulier, rien n'est répertorié dans la sous-page Devices, mon téléphone n'y apparaît pas, même si j'ai reçu une demande d'autorisation sur le téléphone et que je l'ai acceptée.
@SzczepanHoyszewski Le lien que vous ouvrez dans le mobile est répertorié dans la console du PC et vous pouvez le déboguer, tout comme vous ouvrez un lien directement dans le PC et le déboguez. Si cela n'est pas fait correctement, le développement Google peut être bloqué. Utilisez donc un VPN ou un proxy sur votre PC et réessayez.
Faites-vous une faveur et appuyez sur le bouton "facile" :
télécharger Web Inspector (Open Source) depuis le Play store.
A CAVEAT : ATTENTION, la sortie console n'accepte pas les paramètres de repos ! Par exemple, si vous avez quelque chose comme ceci :
console.log('one', 'two', 'three');vous ne verrez que
un
connecté à la console. Vous devrez manuellement envelopper les paramètres dans un tableau et les joindre, comme ceci :
console.log([ 'one', 'two', 'three' ].join(' '));pour voir le résultat attendu.
Mais l'application est source ouverte ! Un patch peut être imminent ! Le patcheur pourrait même être vous !
@skplunkerin pas sûr de ce que vous voulez dire ? Sortie du journal de la console : lh3.googleusercontent.com/
Oh, je pensais que cela n'enregistrait que les requêtes XHR, pas tous les journaux de la console. Merci !
Kiwi Browser est un navigateur mobile Chromium et permet d'installer des extensions . Installez Kiwi, puis installez l'extension Chrome "Mini JS console" (recherchez-la dans Google et installez-la depuis le site des extensions Chrome, uBlock fonctionne également ;). Elle sera disponible dans le menu Kiwi en bas et montrera la sortie de la console pour la page actuelle.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
