JavaScript-Debugging

Beim Debuggen handelt es sich um einen Prozess zur Identifizierung und Reduzierung der Anzahl von Fehlern oder Fehlern in den Programmen. Es gibt mehrere Möglichkeiten, JavaScript zu debuggen:

Verwendung des JavaScript-Validators

JavaScript kann verwendet werden, um Daten in den HTML-Dokumenten zu validieren, bevor der Inhalt an den Server gesendet wird. Die Validierung erfolgt serverseitig, wenn der Client die Daten erfolgreich eingegeben und auf die Schaltfläche „Senden“ geklickt hat. Wir überprüfen den JavaScript-Code im gesamten Programm auf Fehler, um sicherzustellen, dass es sich um ein gültiges Programm handelt. Es verwendet Syntaxregeln der Programmiersprache, die oft als validierende Parser oder Validatoren bezeichnet werden und oft mit HTML- und JavaScript-Editoren verfügbar sind.
Wir können die Validierung für einige Felder verwenden, wie zum Beispiel:

  • um zu prüfen, ob das erforderliche Feld leer ist?
  • um zu überprüfen, ob der Benutzer eine gültige E-Mail-Adresse eingegeben hat.
  • um zu prüfen, ob der Benutzer ein gültiges Datum eingegeben hat.
  • um zu überprüfen, ob der Benutzer Text in ein numerisches Feld eingegeben hat.

Das folgende Beispiel zeigt die Validierung von JavaScript-Code.

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function validate() {
		var debug = document.forms("myform")("fname").value
		if (debug == null || debug == "") {
			alert("Please enter the Name..!");
			return false;
		} else {
			alert("Successful validation...!");
		}
	}
</script>
</head>
<body>
	<form name="myform">
		Enter Name: <input Type="text" name="fname" />
		<input type="button" onclick="validate();" value="submit" />

	</form>
</body>
</html>
  • var debug = document.forms(“myform”)(“fname”).value Diese Zeile erstellt eine Variable, die den gleichen Wert wie der fname-Wert hat.
  • Wenn die Zeile (debug == null || debug == „“) ein ODER-Zeichen enthält, das angibt, ob der Wert null oder leer ist, wird die Warnmeldung angezeigt. Wenn das Eingabefeld leer ist, wird „false“ zurückgegeben.
  • -Tag enthält das Submit-Ereignis, wenn der Benutzer auf die Submit-Schaltfläche klickt, und das onclick()-Ereignis tritt auf, wenn auf eine Schaltfläche geklickt wird.

Verwendung des JavaScript-Debuggers

Mit dem JavaScript-Debugger können Sie den JavaScript-Code schrittweise durchgehen und den Status untersuchen, um Fehler zu verfolgen. Wir können Debugger-Anweisungen an einer beliebigen Stelle im Programm platzieren, um die Ausführung zu stoppen, was dem Festlegen eines Haltepunkts im Code ähnelt. Die Debugger-Anweisung unterbricht die Ausführung, schließt oder löscht jedoch keine Dateien und Variablen.

Sobald das Skript in den Debugger geladen wurde, kann es zeilenweise ausgeführt oder an bestimmten Haltepunkten angehalten werden. . Wenn keine Debugging-Anweisung verfügbar ist, gehen Sie davon aus, dass die Anweisung keine Auswirkung hat. Sobald die Ausführung angehalten wird, kann der Programmierer den Status des Skripts untersuchen, um festzustellen, ob etwas nicht stimmt.

Es gibt einige Debugging-Schritte wie folgt:

  • Erkennen Sie den Fehler, wenn er im Programm vorhanden ist. Dies kann passiv erfolgen. Wenn das Programm ein schwerwiegendes Problem erkennt, kann der Fehler erkannt werden und eine Fehlermeldung wird auf dem Bildschirm angezeigt.
  • Identifizieren Sie den Teil, der den Fehler verursacht. Es beinhaltet einen iterativen Testprozess. Durch iteratives Testen von Eingabe und Ausgabe kann der Programmierer identifizieren, wo der Fehler auftritt.
  • Ermitteln Sie die Ursache des Fehlers, der möglicherweise andere Teile des Programms betrifft. Manchmal kann der Fehler außerhalb des Systems liegen. Fehler können aufgrund unerwarteter Werte, logischer Fehler oder unerwarteter Werte in verschiedenen Feldern usw. auftreten.
  • Nachdem Sie das Problem identifiziert haben, legen Sie fest, wie das Problem gelöst werden kann.
  • Nach der Behebung des Problems ist es wichtig, das Programm zu testen und sicherzustellen, dass das Programm ordnungsgemäß ausgeführt wird.

JavaScript-Debugging in Webbrowsern

Google Chrome

Wir können das JavaScript bei Verwendung von Google Chrome wie folgt debuggen:

  • Browser öffnen, drücken Strg+Umschalt+J um Entwicklertools zu öffnen, oder drücken Sie F12 Klicken Sie auf die Schaltfläche, um Entwicklertools zu öffnen.
  • Auf andere Weise können Sie auch Entwicklertools öffnen, z. B. im Webbrowser Passen Sie Google Chrome an und steuern Sie es mit 3 horizontalen Linien auf der rechten Seite der Adressleiste. Klicke auf Werkzeugedie Auswahl Entwicklerwerkzeuge.
  • Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf einer Seite und wählen Sie im Menü die Option „Element prüfen“ aus. Chrome verfügt über ein grafisches Tool zum Debuggen, Sie können auch JavaScript debuggen und sogar die CSS-Wiedergabe im Handumdrehen ändern.

Das folgende Bild zeigt Entwicklertools in Google Chrome:

JavaScript-Debug Chrome

Internet Explorer

Wir können das JavaScript bei Verwendung des Internet Explorers wie folgt debuggen:

  • Öffnen Sie die IE-Entwicklertools, indem Sie auf klicken F12 Klicken Sie im Browser auf die Schaltfläche und verwenden Sie den bereitgestellten JavaScript-Debugger.
  • Sie können Haltepunkte und Überwachungsanweisungen usw. hinzufügen. Klicken Sie mit Ihrem Skript auf „Debuggen starten“. Daraufhin sollte die Anweisung hervorgehoben werden, die erreicht wird, bevor ein Fehler auftritt.

Das folgende Bild zeigt Entwicklertools im Internet Explorer:

JavaScript-Debug-IE

Mozilla Firefox

Wir können das JavaScript bei Verwendung von Mozilla Firefox wie folgt debuggen:

  • Öffnen Sie den Browser, klicken Sie auf Werkzeugewählen Web-Entwickler -> auswählen Debugger.
  • Sie können Debugger auch über die Tastenkombination auswählen Strg+Umschalt+S über die Tastatur.
  • Sie können das JavaScript auch debuggen, indem Sie verwenden Feuerkäfer. Für die JavaScript-Entwicklung in einem Browser ist es so gut wie unschlagbar.

Das folgende Bild zeigt Entwicklertools in Mozilla Firefox:

JavaScript-Debug Firefox

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen