web-dev-qa-db-fra.com

Comment vérifier le code JavaScript côté client pour les erreurs?

J'ai du code JavaScript côté client et je souhaite vérifier ce fichier pour les erreurs/avertissements.

Quelle est la façon la plus simple de rechercher des erreurs dans mon fichier JavaScript?

javascriptjavascript-debugger
18
Steven Hammons

Copiez-le et collez-le dans http://www.jslint.com/ mais soyez prêt à "vous faire mal aux sentiments".

33
Shaggy Frog

L'ouverture de votre console JavaScript dans le navigateur Chrome avec (Outils-> console JavaScript) ou (CTRL + MAJ + J) est toujours un bon point de départ. Cependant, JSLint = est vraiment votre meilleur pari.

7
Yottagray

Je recommanderais d'essayer le Google Closure Compiler . Non seulement il peut rechercher des erreurs dans votre code, mais il peut également effectuer certaines optimisations. "Compilateur" ici pourrait être un peu inapproprié car il prend en JavaScript et renvoie JavaScript.

Pour l'essayer, vous pouvez copier et coller votre code dans le service en ligne Closure Compiler Service .

J'ai remarqué que beaucoup de gens suggéraient JSLint. Je suis juste tombé sur JSHint d'un Tweet de John Resig qui a l'air super flexible pour appliquer les conventions de codage.

5
PPC-Coder

JSLint et all sont super si vous vous souciez vraiment des tabulations et des espaces, mais pour la syntaxe JS j'utilise http://esprima.org/demo/validate.html

Je laisse tomber quelques petits appels + fonctions JS/jQuery dans mon php et le vérificateur esprima me convient.

3
KayCee

Utilisez quelque chose comme FireBug pour Firefox.

1
Prisoner

Il existe deux façons de détecter les problèmes:

  • Analyse statique Vous pouvez utiliser jshint/jslint avec gruntjs builder pour identifier principalement les problèmes de syntaxe. https://github.com/gruntjs/grunt-contrib-jshint

  • Gestion des erreurs d'exécution Vous pouvez intercepter les erreurs et les journaux de vos clients avec des services de journalisation comme un JsLog.me . Chaque navigateur possède son propre environnement d'exécution pour JavaScript, de sorte que la journalisation des clients détecte les problèmes du monde réel.

1
Alexey Petushkov

Firebug pour firefox:

Utilisez le navigateur Firefox pour télécharger et installer le module complémentaire: https://getfirebug.com/downloads/

Si vous avez une ancienne version de Firefox, cliquez sur les anciennes versions de téléchargement et cliquez une seule fois sur le .xpi fichier à installer. Choisissez celui avec la date la plus récente compatible avec votre version de Firefox.

Mettez ce code dans un fichier appelé whatever.html:

<script type="text/javascript">
    var successFunction(){
    }
</script>

Ouvrez ce fichier avec Firefox. Ouvrez la fenêtre Firebug. Cliquez sur l'onglet Console. Activez-le. Et il devrait vous dire que le code ci-dessus contient une erreur:

enter image description here

1
Eric Leschinski