Διερεύνηση στο JavaScript

Τα σφάλματα συμβαίνουν πάντα, κάθε φορά που γράφετε νέο κώδικα υπολογιστή.

Διερεύνηση στο JavaScript

Η γραφή JavaScript χωρίς παρατηρητή είναι δύσκολη.

Το κώδικας σας μπορεί να περιέχει γλωσσικά σφάλματα ή λογισμικά σφάλματα, τα οποία είναι δύσκολο να γίνουν διάγνωση.

Γενικά, αν ο κώδικας JavaScript περιέχει σφάλματα, δεν θα συμβεί τίποτα. Δεν θα εμφανιστεί μήνυμα σφάλματος και δεν θα υπάρχει καμία ένδειξη για την αναζήτηση σφαλμάτων.

Γενικά, κάθε φορά που προσπαθείτε να γράψετε νέο κώδικα JavaScript, μπορεί να συμβεί σφάλμα.

παρατηρητής JavaScript

Η αναζήτηση σφαλμάτων στον κώδικα προγραμματισμού ονομάζεται παρατήρηση κώδικα.

Η παρατήρηση δεν είναι εύκολη. αλλά τυχερά είναι ότι όλοι οι σύγχρονοι περιηγητές έχουν ενσωματωμένους παρατηρητές.

Οι ενσωματωμένοι παρατηρητές μπορούν να ανοίγονται και να κλείνονται, και να αναφέρουν υποχρεωτικά τα σφάλματα στους χρήστες.

Με τον παρατηρητή, μπορείτε επίσης να ρυθμίσετε κόμβους διακοπής (τοποθεσία όπου διακόπτεται η εκτέλεση του κώδικα) και να ελέγξετε τις μεταβλητές κατά τη διάρκεια της εκτέλεσης του κώδικα.

Γενικά, η απόκρυψη του περιηγητή ξεκινάται με το πλήκτρο F12 και στη συνέχεια επιλέγεται το μενού "Κονσόλα" στο παρατηρητή.

η μέθοδος console.log()

Αν ο περιηγητής σας υποστηρίζει παρατήρηση, μπορείτε να χρησιμοποιήσετε console.log() Εμφάνιση τιμών JavaScript στο παράθυρο παρατήρησης:

παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Δοκιμάστε το προσωπικά

Συμβουλή:Παρακαλώ επισκεφθείτε το εγχειρίδιο αναφοράς της JavaScript Console μας για περισσότερες πληροφορίες σχετικά με τη μέθοδο console.log().

Ρύθμιση κόμβων διακοπής

Στο παράθυρο παρατήρησης, μπορείτε να ρυθμίσετε κόμβους διακοπής στον κώδικα JavaScript.

Σε κάθε κόμβο διακοπής, το JavaScript θα σταματήσει την εκτέλεση για να σας επιτρέψει να ελέγξετε τις τιμές του JavaScript.

Μετά την έλεγχο των τιμών, μπορείτε να επανεκτελέσετε τον κώδικα.

keyword debugger

debugger Οι λέξεις-κλειδιά θα σταματήσουν την εκτέλεση του JavaScript και θα καλέσουν (αν υπάρχει) τη συνάρτηση παρατήρησης.

Αυτό είναι το ίδιο με τη λειτουργία ρύθμισης κόμβων διακοπής στον παρατηρητή.

Αν ο απόκρυφος παρατηρητής δεν είναι διαθέσιμοςdebugger Η πρόταση δεν έχει αποτέλεσμα.

Αν ο απόκρυφος παρατηρητής είναι ανοιχτός, αυτός ο κώδικας θα σταματήσει την εκτέλεση πριν από τη γραμμή του τρίτου.

παράδειγμα

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

Δοκιμάστε το προσωπικά

Εργαλεία αποσφαλμάτωσης των κύριων προγραμματιστών

Για το πλείστον, μπορείτε να ενεργοποιήσετε την αποσφαλμάτωση στο πρόγραμμα περιήγησης με το κλειδί F12 και να επιλέξετε το "Console" από το μενού αποσφαλμάτωσης.

Αν δεν είναι έτσι, ακολουθήστε τα παρακάτω βήματα:

Chrome

  • Άνοιξτε τον περιηγητή
  • Επιλέξτε τα εργαλεία από το μενού
  • Επιλέξτε τα εργαλεία για το Developer Tools
  • Τελευταία, επιλέξτε την κονσόλα

Firefox Firebug

  • Άνοιξτε τον περιηγητή
  • Πηγαίνετε στην ιστοσελίδα: http://www.getfirebug.com
  • Σύμφωνα με τις οδηγίες: Πώς να εγκαταστήσετε το Firebug

Internet Explorer

  • Άνοιξτε τον περιηγητή
  • Επιλέξτε τα εργαλεία από το μενού
  • Επιλέξτε τα εργαλεία για το Developer Tools
  • Τελευταία, επιλέξτε την κονσόλα

Opera

  • Άνοιξτε τον περιηγητή
  • Πηγαίνετε στην ιστοσελίδα: http://dev.opera.com
  • Σύμφωνα με τις οδηγίες: Πώς να εγκαταστήσετε το Firebug Lite

Safari Developer Menu

  • Κάντε κλικ στο Safari, Προτιμήσεις, Προχωρημένα
  • Επιλέξτε "Enable Developer Menu in Menu Bar"
  • Όταν εμφανίζεται η νέα επιλογή "Development" στο μενού, επιλέξτε "Show Error Console"

Ενώτεροι γνωρίζετε?

Η αποσφαλμάτωση είναι ο διαδικασία δοκιμής, εύρεσης και μειώσεων λάθους σε ένα πρόγραμμα υπολογιστή.

Η πρώτη γνωστή αποτυχία υπολογιστή ήταν ένα πραγματικό έντομο που κολλησε σε ηλεκτρονικό εξοπλισμό (ένα εντομοφάγο).