Comment déboguer le code JavaScript des navigateurs mobiles
Je sais à propos de firebug et les outils de développement pour les grands modernes les navigateurs de bureau, mais je ne peux pas trouver un moyen de débogage du code JavaScript pour les navigateurs mobiles.
Quels sont certains de haut niveau des techniques que je peux utiliser pour déboguer le code sur les navigateurs mobiles?
- Ce que j'ai à faire est de regarder la version mobile dans un navigateur de bureau et de débogage là.
- Certains sites web afficher correctement dans les navigateurs de bureau. Notre devoir est de débogage sur un périphérique réel et résoudre le problème pour les navigateurs de bureau.
- La plupart du temps, il est tout au sujet de la taille, donc il y a certains outils en ligne comme responsinator.com que l'affichage d'une page dans différents téléphones et de tablettes de tailles, de toutes dans une seule page! Ici sont liste des 10 d'entre eux. Comme je l'ai testé responsinator.com fonctionne même avec votre url localhost. Personnellement, ces outils de répondre à la plupart de mes besoins similaires pour responsive web design. Aussi, il est possible de simuler les différents agents de chrome.
Vous devez vous connecter pour publier un commentaire.
Android fournit un ensemble d'outils pour ces fins:
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
Apple est-il une manière similaire:
https://developer.apple.com/safari/tools/
Tutoriel: https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/
Appareils Android peuvent être mis en mode développeur en passant par les paramètres>état du Téléphone, puis cliquer sur "numéro de Build" 7 fois. Cela permet de faire un tas de choses (voir l'étape 5) y compris le débogage USB. (Certains périphériques peuvent avoir le numéro de Build en vertu de Logiciel Info)
Pour activer le débogage USB, regarder dans les Paramètres pour le nouvellement apparue "{ } Options pour les Développeurs", ouvrez-le et allumez le débogage USB. Connectez votre appareil à l'aide d'une connexion USB directe.
Dans google Chrome sur votre bureau, dans le développeur habituel panneau outils utilisés pour le débogage, regardez-vous dans le menu outils>appareils de télécommande. Avec Découvrir les périphériques USB sélectionné, vous devriez maintenant voir votre appareil mobile sur le côté.
Sélectionner pour voir une liste de tous les chrome onglets que vous avez ouverts et de la capacité à saisir les Url directement.
En sélectionnant l'un de ces liens ouvrent une nouvelle fenêtre avec un miroir de l'écran de votre appareil sur la gauche et tous les familiers de chrome outils de débogage sur la droite. Vous pouvez toujours contrôler votre appareil directement ou utiliser la souris sur le miroir de l'écran. Elle même tourne.
plus de détails le débogage distant de google et comment activer le mode développeur (lien comme ci-dessus) à partir de askvg.com
Vous pouvez déboguer sur Safari Mobile avec un iPhone/iPad. Dans le menu Développeur, vous pouvez trouver votre appareil et vous pouvez déboguer votre code avec l'inspecteur.
Si vous avez un Appareil Android au lieu de cela, vous pouvez déboguer sur Chrome Desktop (souvenez-vous de active le mode debug) avec
chrome://inspect
Sur l'IPhone, vous pouvez aller dans paramètres>Safari>avancé et tour de l'inspecteur web sur