Maintenant, JavaScript est devenu un langage Web populaire, même s'il n'est pas parfait. De nombreux programmeurs n'aiment pas écrire du code en JavaScript, car toutes sortes de bugs inexplicables apparaissent toujours après l'écriture et il est facile de commettre des erreurs lors du développement de grandes applications. Et étant donné l’état actuel de ces outils, il n’est pas très pratique d’effectuer le débogage JavaScript dans le navigateur.
Les outils de débogage JavaScript de bureau et basés sur le WEB suivants vous permettent de déboguer le code JavaScript plus efficacement, afin que vous puissiez :
La gestion plus efficace des types dynamiques rend les applications plus conformes aux normes de codage
Firebug
Firebug existe depuis de nombreuses années et fournit une extension d'application pour les développeurs qui créent principalement des applications sur Firefox.
est une application dédiée aux tests HTML, CSS et JavaScript. Elle est plus puissante que les outils de développement fournis avec le navigateur par défaut et permet de définir des points d'arrêt pour faciliter les résultats des tests à différentes étapes
Si vous développez des programmes sur d'autres navigateurs, tels que le navigateur Chrome de Google, vous pouvez essayer la version simplifiée de Firebug. Les fonctions sont les mêmes, mais l'interface est légèrement différente.
Site officiel : http://getfirebug.com/
Libellule Opéra
Le navigateur Opera n’est pas très populaire, avec moins de 1% des internautes dans le monde qui l’utilisent. Cependant, ses outils ouverts de test et de débogage JavaScript peuvent vous intéresser.
Inspectez le DOM plus facilement. Visualisez instantanément les résultats des modifications CSS et JavaScript. Recherchez les erreurs et trouvez leur cause plus rapidement.
Les autres navigateurs s'améliorent constamment pour rivaliser avec Opera Dragonfly, mais pour l'instant, il reste l'un des meilleurs outils de test pour les développeurs Web.
Site officiel : http://www.opera.com/dragonfly/
Barre de débogage
Internet Explorer ne propose pas autant de plug-ins que Firefox et Chrome, mais pour ce navigateur, qui est actuellement le plus utilisé au monde, DebugBar est l'un des meilleurs outils de débogage front-end. Il couvre presque toutes les fonctionnalités dont vous avez besoin :
Vérification DOM Vérification des cookies Débogage JavaScript
Si votre navigateur principal est Internet Explorer, alors DebugBar est définitivement un choix judicieux parmi les outils JavaScript avancés.
Site officiel : http://www.debugbar.com/
JSLint
JSLint est un outil Web créé par Douglas Crockford, l'une des autorités techniques les plus connues dans le domaine du développement Web au monde aujourd'hui. Tout ce que vous avez à faire est de copier et coller le code dans l’éditeur en ligne de JSLint :
Met en évidence les erreurs dans le code pour garantir que la syntaxe est concise et conforme. Souligne les erreurs de type JavaScript courantes.
Site officiel : http://www.jslint.com/
JSLitmus
Si vous vous souciez des performances des applications JavaScript, JSLitmus est définitivement un petit outil mignon. Il vous aide à créer vos propres benchmarks JavaScript afin que vous puissiez évaluer les performances à différentes étapes du développement de l'application.
Site officiel : http://www.broofa.com/Tools/JSLitmus/
Écrire du code en ligne
Writecodeonline.com est un éditeur JavaScript complet. Il est simple à utiliser et peut identifier les bogues presque immédiatement. C'est un assistant indispensable pour les applications à grande échelle.
Bricolage
C'est l'un des meilleurs outils de développement et de conception Web en ligne actuellement disponibles. Tinkerbin vous permet de tester HTML, CSS et JavaScript dans la même application Web. La raison pour laquelle l'utilisation de Tinkerbin est plus pratique pour tester l'impact des extraits de code JavaScript sur HTML et CSS est que vous pouvez voir les résultats immédiats.
Résumé :
Nous pouvons trouver JavaScript encombrant, mais c'est parce qu'il évoluera progressivement, plutôt que d'être une grande conception dès le début. Les outils et applications ci-dessus peuvent bénéficier à votre développement et à vos tests. Et il y a toujours un navigateur qui vous convient, vous aidant à développer des applications plus efficacement et sans bugs.