Selbst für Profis ist das Programmieren nicht einfach. Dies ist wahrscheinlich der Grund, warum Entwickler viel Zeit damit verbringen, nach Fehlern in ihrem Code zu suchen. Manchmal ist ein Fehler offensichtlich und führt dazu, dass das gesamte Programm auf einmal abstürzt. Manchmal ist ein Fehler sehr subtil und erzeugt eine gut aussehende Ausgabe, die immer Fehler enthält.
So kontraintuitiv es auch klingen mag, offensichtliche Fehler sind besser, weil sie leichter zu finden sind. Ein hinterhältiger Fehler kann jahrelang in alltäglicher Software lauern.
Stellen Sie sich das so vor: Wenn Sie sich in einem Gebäude befinden, das sich langsam mit Giftgas füllt, möchten Sie, dass das Gas geruchlos ist , geschmacklos und farblos oder hellviolett und riecht nach Pulver. cannon?
Debugging ist ein entscheidender Schritt im Entwicklungsprozess , es gibt viele Tools dafür. Heute werden wir über das Debuggen von JavaScript in Chrome sprechen. Javascript ist mit Abstand eine der beliebtesten Sprachen überhaupt und wohl die beliebteste Sprache für die Webentwicklung. Ebenso ist Chrome einer der am häufigsten verwendeten Webbrowser.
Als jemand, der bald ein gefragter Webentwickler , es ist eine gute Idee, sich mit dem JavaScript-Debugging mit Chrome vertraut zu machen. Ich ermutige Sie, dieser eleganten Beispiel-Webseite > zu folgen wurde speziell zum Üben des Debuggens erstellt.
Verwenden des Quellenbereichs

Chrome wird mit einer Reihe leistungsstarker Tools geliefert, mit denen Entwickler den Quellcode einer Website untersuchen können, einschließlich HTML, CSS und Javascript.
Dies ist eine großartige Möglichkeit, den Code Ihrer Lieblingswebsites zu lesen und zu lernen, wie man sie debuggt.
Nehmen Sie die tour
Seit 2019 und der neuesten Version von Chrome ist der Zugriff auf die Entwicklertools so einfach wie das Aufrufen von Ansicht -> Entwickler -> Tools-Entwicklung im oberen Browsermenü des Bildschirms. Dadurch wird das Chrome Developers Panel mit seinen vielen nützlichen Registerkarten geöffnet.