Wie Sie eine Visual Studio Debug mit Internetexplorer 8
Im Gegensatz zu ist objektorientierte Programmierung Sprachen wie c#, JavaScript, die Sprache, die auch viele Webseiten manchmal schwierig zu debuggen. Visual Studio-Entwickler verwenden interne der Visual Studio-Debugger zum Debuggen von JavaScript. Sie haben auch die Möglichkeit zum Debuggen von Code mithilfe der Entwicklertools, die im Lieferumfang von Internet Explorer 8. Diese Tools ermöglichen Entwicklern, Schritt für Schritt durch JavaScript-Funktionen, Variablen überprüft und andere diagnostische Aufgaben wie Skript auf einer Webseite ausgeführt wird.
Anweisungen
Visual Studio-Projekt erstellen
1 Öffnen Sie Visual Studio und erstellen ein neues Projekt "Web Site".
2 Drücken Sie STRG, UMSCHALT und "A" und doppelklicken Sie dann auf "Jscript-Datei." Visual Studio hinzufügen eine JavaScript-Datei mit dem Namen "Jscript1.js" zum Projektmappen-Explorer auf der rechten Seite des Bildschirms und im Code-Editor zu öffnen.
3 Fügen Sie diesen Code in die Datei:
Funktion test() {}
Var Anzahl = 1;
Var LoopCount = 3;
Var Farbe = "blau";
Var Temp;
Var ExitedLoop = False;
für (Var i = 0; i < LoopCount; i++) {}
Temp = i;
Wenn (ich == 2) Farbe = "Red";
}
ExitedLoop = True;
}
4 Doppelklicken Sie "Default.aspx" im Projektmappen-Explorer, in das Codefenster zu öffnen. Fügen Sie diesen Code, um die < Body >-Abschnitt des Dokuments:
< Asp: Button ID = "Button1" Runat = "Server" Text = "Run" OnClientClick="test()" / >
Dies fügt eine Schaltfläche zu der Webseite, die JavaScript-Funktion aufruft.
5 Suchen Sie "Jscript1.js" im Projektmappen-Explorer. Klicken Sie auf die Datei, halten Sie die linke Maustaste gedrückt und ziehen Sie die Datei in den < Head >-Abschnitt der Datei Default.aspx.
6 Suchen Sie "Default.aspx" im Projektmappen-Explorer. Rechten Maustaste darauf und wählen Sie "Mit durchsuchen." Öffnet das Fenster "Browserauswahl". Doppelt klicken Sie "InternetExplorer". Internet Explorer 8 wird die Webseite angezeigt.
Debuggen Sie das Projekt
7 Drücken Sie F12, um das Öffnen des Fensters "Entwicklertools". Klicken Sie auf "Skript." IE zeigt den Code für "Default.aspx".
8 Klicken Sie auf den Dropdown-Pfeil neben "Default.aspx" und wählen Sie "Jscript1.js." IE zeigt den Code für Jscript1.js. Sie sehen die Zeilennummern am linken Rand des Bildschirms neben der Codezeilen. Klicken Sie auf "Debuggen starten".
9 Klicken Sie auf den leeren Bereich auf der linken Seite der Linie 6. Ein roter Punkt erscheint. Dies ist ein Haltepunkt. Wenn der Code ausgeführt wird, wird an diesem Haltepunkt beendet.
10 Klicken Sie auf den leeren Bereich auf der linken Seite der Linie Nummer 13. Dadurch wird einen weiteren Haltepunkt eingefügt. Haltepunkte sind hilfreich für eine Anwendung anhalten und untersucht den Status von Variablen an bestimmten Punkten in der Anwendung.
11 Klicken Sie auf "Ausführen". Der Code wird ausgeführt und pause an Linie 6 und markieren Sie die Zeile. Drücken Sie F11. Der Debugger wird in die nächste Zeile springen.
12 Klicken Sie auf "Einheimischen". Dies zeigt die aktuellen Werte aller lokalen Variablen im Skript.
13 Drücken Sie F5. Diese Schaltfläche bewirkt, dass den Debugger weiter verarbeitet, bis das Ende des Codes oder einen weiteren Haltepunkt erreicht. Da ein weiterer Haltepunkt an der Linie 13 vorhanden ist, wird der Debugger dort anhalten und markieren Sie Linie 13.
14 Drücken Sie F5. Der Debugger die letzte Codezeile zu verarbeiten und warten auf weitere Eingaben. Klicken Sie auf "Ausführen", um wieder den Code Debuggen, oder schließen Internet Explorer 8.