Hvordan å gjøre en Visual Studio Debug Med Internet Explorer 8

Hvordan å gjøre en Visual Studio Debug Med Internet Explorer 8


I motsetning til objektorienterte kodespråk som C #, Javascript, språket som driver mange nettsteder, er noen ganger vanskelig å feilsøke. Visual Studio utviklere bruker Visual Studio interne debugger å feilsøke Javascript. De har også muligheten til å feilsøke koden ved hjelp av utviklerverktøyene som følger med Internet Explorer 8. Disse verktøyene mulig for utviklere å gå gjennom Javascript-funksjoner, undersøke variabler og utføre andre diagnostiske oppgaver som skriptet kjøres på en web-side.

Bruksanvisning

Opprett Visual Studio Prosjekt

1 Åpne Visual Studio og skape en ny "Web Site" prosjekt.

2 Trykk Ctrl, Shift og "A" og dobbeltklikk på "Jscript File". Visual Studio vil legge til en Javascript-fil som heter "Jscript1.js" til den Solution Explorer på høyre side av skjermen og åpne den i koden editor.

3 Lim denne koden inn i filen:

funksjonstest () {

Var count = 1;

Var loopCount = 3;

Var color = "blue";

Var temp;

Var exitedLoop = false;

for (var i = 0; i <loopCount; i ++) {

temp = i;

if (i == 2) color = "red";

}

exitedLoop = true;

}

4 Dobbeltklikk på "default.aspx" i Solution Explorer for å åpne den i koden vinduet. Legg denne koden til <body> -delen av dokumentet:

<Asp: Button ID = "Button1" runat = "server" Text = "Kjør" OnClientClick = "test ()" />

Dette legger en knapp på nettsiden som kaller Javascript-funksjonen.

5 Finn "Jscript1.js" i Solution Explorer. Klikk på filen, hold nede venstre museknapp og dra filen inn i <head> -delen av default.aspx filen.

6 Finn "default.aspx" i Solution Explorer. Høyreklikk den og velg "Browse med." Den "Browse Med" -vinduet åpnes. Dobbeltklikk på "Internet Explorer." Internet Explorer 8 vil vise nettsiden.

Feilsøke Prosjekt

7 Trykk F12 for å åpne "Developer Tools" Window. Klikk på "Script". IE vil vise koden for "default.aspx."

8 Klikk på rullegardinpilen ved siden av "default.aspx" og velg "Jscript1.js." IE vil vise koden for Jscript1.js. Du vil se linjenumre til venstre på skjermen ved siden av linjer med kode. Klikk på "Start Debugging."

9 Klikk den tomme området til venstre for linjen 6. En rød prikk vises. Dette er et stoppunkt. Når koden kjøres, vil den stoppe på denne stoppunkt.

10 Klikk den tomme området til venstre for linje nummer 13. Dette vil sette inn et annet stoppunkt. Brytningspunkter er nyttige for å pause et program og undersøke tilstanden til variabler på bestemte punkter i søknaden.

11 Klikk på knappen "Kjør". Koden vil kjøre og pause på linje 6 og utheve linjen. Trykk F11. Debugger vil gå til neste linje.

12 Klikk på "Locals" -knappen. Dette vil vise de gjeldende verdiene for alle lokale variabler i skriptet.

1. 3 Trykk F5. Denne knappen fører debugger for å fortsette behandlingen inntil den når enden av koden eller annen stoppunkt. Siden en annen stoppunkt finnes på linje 13, vil debugger stoppe der og markere linje 13.

14 Trykk F5 igjen. Den debugger vil behandle den siste kodelinjen og vente på ytterligere innspill. Klikk på "Kjør" -knappen for å feilsøke koden igjen eller lukker Internet Explorer 8.