|
Une page web moderne exige que plusieurs technologies tout le travail de manière transparente avec l'autre pour effectuer les tâches les plus simples . Si on échoue, un site web peut aller d' une expérience simple et conviviale à un cauchemar inutilisable. Un point commun de défaillance dans les applications web est erreurs JavaScript . Traquer et corriger ces erreurs peut être un véritable casse-tête pour un développeur web . Heureusement, il existe quelques outils simples , librement disponibles qui peuvent réduire considérablement la quantité de temps et les efforts nécessaires pour trouver et corriger les erreurs JavaScript . Choses que vous devez
Mozilla Firefox
Afficher plus Instructions site Utilisez le Firefox Error Console
1 Dans Mozilla Firefox , ouvrez la console d'erreur . Vous pouvez le faire soit en appuyant sur la touche "ctrl + shift + J ", ou en le sélectionnant dans le menu Outils . Fermez toutes les pages que vous ne voulez pas de vérifier les erreurs et effacer la console .
2 charger la page que vous souhaitez vérifier les erreurs . Tout le code JavaScript qui s'exécute sur le chargement de la page se déroulera , et toutes les erreurs que ces parties de vos scripts génèrent apparaîtra dans la console d'erreur. Si vous avez des scripts event driven que vous voulez tester , comme celles déclenchées par pression sur un bouton , faire tout ce qui les amène à exécuter.
3 Toutes les erreurs qui se sont produites au cours de ce processus seront être inscrit dans la console. Vous pouvez cliquer sur le lien fourni dans la liste pour avoir Firefox ouvrir une fenêtre contenant la source du script .
Utilisez le Firebug Plug-in pour Firefox
4 Télécharger et installer Firebug le plug-in pour Firefox. Firebug est un utilitaire de développement web qui est devenu un outil de débogage standard parmi les développeurs web. Son offre un ensemble beaucoup plus puissant de fonctionnalités que la console d'erreur standard fourni avec Firefox.
5 Cliquez sur l'icône d'un bug dans le coin en bas à droite de votre navigateur. Cela ouvre Firebug. Il ya plusieurs onglets en haut de Firebug - les deux plus utile pour le débogage JavaScript sont le "manuscrit" et onglet " Console " . Assurez-vous que ceux-ci sont à la fois activées en sélectionnant "Activer" dans le menu déroulant de cet onglet.
6 Visitez le site Web que vous souhaitez déboguer. Une liste des erreurs apparaîtra dans l'onglet " Console" . Double-cliquer sur un élément dans cette liste vous amène à un point dans le script qui a causé l'erreur .
7 utiliser les outils de l'onglet " script" pour tester et examiner le code de manière plus approfondie . Un de ces outils est la zone " montre " , dans laquelle vous pouvez taper des instructions JavaScript et ils vont exécuter sur la page, ce qui est très utile pour les tests rapides. Une autre partie utile de l'onglet script est la possibilité de définir un point d'arrêt . Pour ce faire, trouver l'aire du script où vous voulez que ça cesse (ou break) , et cliquez sur la zone grise à gauche de celui-ci . Un cercle rouge il apparaît indiquant que c'est là que le débogueur démarre. Vous pouvez l'utiliser pour passer d' un script d'une ligne à la fois pour trouver ce qui peut causer une erreur. L'utilisation de ces outils peut transformer JavaScript débogage des heures de frustration pour une tâche rapide et facile .
|
