Πώς να ελέγξετε μια ιστοσελίδα για ένα Bug JavaScript

Ένα σύγχρονο ιστοσελίδας απαιτεί πολλαπλές τεχνολογίες όλες οι εργασίες απρόσκοπτα με το ένα το άλλο για να εκτελέσει ακόμη και τα απλούστερα καθήκοντα . Αν κάποιος αποτύχει , μια ιστοσελίδα μπορεί να πάει από μια απλή , φιλική εμπειρία σε ένα ακατάλληλο προς χρήση εφιάλτη . Ένα κοινό σημείο αποτυχίας σε εφαρμογές web είναι JavaScript λάθη . Τον εντοπισμό και τον καθορισμό αυτών των λαθών μπορεί να είναι ένας μεγάλος πονοκέφαλος για έναν web developer . Ευτυχώς , υπάρχουν μερικές απλές , ελεύθερα διαθέσιμα εργαλεία που μπορούν να μειώσουν σημαντικά το ποσό του χρόνου και της προσπάθειας που απαιτείται για να εντοπίσουμε και να διορθώσουμε τα λάθη JavaScript . Τα πράγματα που θα χρειαστείτε
Mozilla Firefox
Η Εμφάνιση Περισσότερες οδηγίες
Χρησιμοποιήστε το Firefox Σφάλμα Console
Η 1

Στο Mozilla Firefox , ανοίξτε την Κονσόλα σφαλμάτων . Μπορείτε να το κάνετε αυτό είτε πατώντας το πλήκτρο " ctrl + shift + J ", ή επιλέγοντας το από το μενού Εργαλεία . Κλείστε όλες τις σελίδες που δεν θέλετε να ελέγξετε για σφάλματα και να καθαρίσετε την κονσόλα . 2

Τοποθετήστε τη σελίδα που θέλετε να ελέγξετε για σφάλματα . Όλα τα JavaScript , που λειτουργεί με το φορτίο σελίδα θα τρέξει , και τυχόν λάθη που αυτά τα μέρη των scripts σας δημιουργήσει θα εμφανιστεί στην κονσόλα σφαλμάτων . Αν έχετε οποιαδήποτε εκδήλωση οδηγείται scripts που θέλετε να δοκιμάσετε , όπως αυτές που προκαλούνται από το πάτημα ενός κουμπιού , κάντε ό, τι τους αναγκάζει να εκτελέσει .
Εικόνων 3

Τυχόν λάθη που συνέβησαν κατά τη διάρκεια αυτής της διαδικασίας θα να αναφέρονται στην κονσόλα . Μπορείτε να κάνετε κλικ στο σύνδεσμο που παρέχεται στη λίστα για να έχετε Firefox ανοίξει ένα παράθυρο που περιέχει την πηγή σενάριο .
Εικόνων Χρησιμοποιήστε το Firebug Plug -in για τον Firefox
4

Λήψη και εγκατάσταση το Firebug plug-in για τον Firefox . Firebug είναι ένα βοηθητικό πρόγραμμα ανάπτυξης ιστοσελίδων που έχει γίνει ένα πρότυπο εργαλείο εντοπισμού σφαλμάτων μεταξύ των web developers . Του προσφέρει ένα πολύ πιο ισχυρό σύνολο χαρακτηριστικών από το πρότυπο Κονσόλα σφαλμάτων του Firefox .
5

Κάντε κλικ στο εικονίδιο bug στην κάτω δεξιά γωνία του browser σας . Αυτό ανοίγει το Firebug. Υπάρχουν πολλές καρτέλες στην κορυφή του Firebug - οι δύο πιο χρήσιμο για τον εντοπισμό σφαλμάτων JavaScript είναι οι " Script" και "Console " καρτέλες . Βεβαιωθείτε ότι αυτά τα δύο είναι ενεργοποιημένη με την επιλογή "ενεργοποίηση " στο drop-down μενού της καρτέλας .
Η 6

Επισκεφθείτε την ιστοσελίδα που θέλετε να διορθώσετε . Ο κατάλογος των λαθών θα εμφανίζονται στην καρτέλα " Console" . Διπλό κλικ σε ένα στοιχείο σε αυτήν τη λίστα , θα σας μεταφέρει στο σημείο στο σενάριο που προκάλεσε το σφάλμα .
Η 7

Χρησιμοποιήστε τα εργαλεία στην καρτέλα " σενάριο " για να ελέγξετε και να εξετάσει τον κώδικα πιο διεξοδικά . Ένα από αυτά τα εργαλεία είναι το "ρολόι " περιοχή , στην οποία μπορείτε να πληκτρολογήσετε τις δηλώσεις JavaScript και θα εκτελέσει στη σελίδα , το οποίο είναι πολύ χρήσιμο για το γρήγορο τεστ . Ένα άλλο χρήσιμο μέρος της καρτέλας σενάριο είναι η δυνατότητα να ορίσετε ένα σημείο διακοπής . Για να το κάνετε αυτό , βρείτε την περιοχή του σεναρίου , όπου θέλετε να σταματήσει ( ή να σπάσει ) , και κάντε κλικ στη γκρίζα ζώνη προς τα αριστερά του. Ένας κόκκινος κύκλος θα εμφανιστεί εκεί που δείχνει ότι αυτό είναι όπου το πρόγραμμα εντοπισμού σφαλμάτων θα ξεκινήσει . Μπορείτε να χρησιμοποιήσετε αυτό για να περάσεις μέσα από ένα σενάριο μία γραμμή σε ένα χρόνο για να βρει τι μπορεί να προκαλεί ένα σφάλμα . Χρησιμοποιώντας αυτά τα εργαλεία μπορούν να μεταμορφώσουν JavaScript debugging από τις ώρες της απογοήτευσης για μια γρήγορη , εύκολη υπόθεση .
Η
εικόνων