Come fare un Visual Studio debug con Internet Explorer 8

June 7

Come fare un Visual Studio debug con Internet Explorer 8


A differenza orientati agli oggetti linguaggi di programmazione come C #, JavaScript, il linguaggio che alimenta molti siti web, a volte è difficile da mettere a punto. sviluppatori Visual Studio utilizzano debugger interno di Visual Studio per eseguire il debug JavaScript. Essi hanno anche la possibilità di eseguire il debug di codice utilizzando gli strumenti di sviluppo inclusi con Internet Explorer 8. Questi strumenti consentono agli sviluppatori di passare da funzioni JavaScript, esaminare le variabili ed eseguire altre attività diagnostiche come script viene eseguito su una pagina web.

istruzione

Creare Studio progetto Visual

1 Aprire Visual Studio e creare un nuovo progetto di "Sito Web".

2 Premere Ctrl, Maiusc e "A" e quindi fare doppio clic su "File JScript." Visual Studio aggiungerà un file JavaScript denominato "Jscript1.js" per Esplora soluzioni sulla destra dello schermo e aprirlo nell'editor del codice.

3 Incolla questo codice nel file:

test di funzionalita() {

count var = 1;

var loopCount = 3;

var color = "blue";

var temperatura;

var exitedLoop = false;

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

temp = i;

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

}

exitedLoop = true;

}

4 Fare doppio clic su "Default.aspx" in Esplora soluzioni per aprirlo nella finestra del codice. Aggiungere questo codice alla sezione <body> del documento:

<Asp: Button ID = "Button1" runat = testo "server" = "Run" OnClientClick = "test ()" />

Questo aggiunge un pulsante alla pagina web che chiama la funzione JavaScript.

5 Individuare "Jscript1.js" in Esplora soluzioni. Fare clic sul file, tenere premuto il tasto sinistro del mouse e trascinare il file nella sezione <head> del file Default.aspx.

6 Individuare "Default.aspx" in Esplora soluzioni. Fare clic destro e selezionare "Sfoglia Con." Si apre la finestra "Browse Con". Fare doppio clic su "Internet Explorer". Internet Explorer 8 verrà visualizzata la pagina web.

Eseguire il debug del progetto

7 Premere F12 per aprire la finestra "Developer Tools". Fai clic su "Script". IE visualizza il codice per "Default.aspx."

8 Fare clic sulla freccia a discesa accanto a "Default.aspx" e selezionare "Jscript1.js." IE visualizza il codice per Jscript1.js. Vedrete i numeri di riga sul lato sinistro dello schermo, accanto alle linee di codice. Fai clic su "Start Debugging."

9 Fare clic sull'area vuota a sinistra della linea 6. Apparirà un punto rosso. Questo è un punto di interruzione. Quando il codice viene eseguito, si fermerà a questo punto di interruzione.

10 Fare clic sull'area vuota a sinistra della linea numero 13. In questo modo inserire un altro punto di interruzione. I punti di interruzione sono utili per mettere in pausa un programma e di esaminare lo stato delle variabili in punti specifici nella domanda.

11 Fare clic sul pulsante "Esegui". Il codice verrà eseguito e mettere in pausa in linea 6 ed evidenziare la linea. Premere F11. Il debugger farà un passo alla riga successiva.

12 Fare clic sul pulsante "locali". Questo mostrerà i valori correnti di tutte le variabili locali nello script.

13 Premere F5. Questo pulsante provoca l'debugger per continuare l'elaborazione fino alla fine del codice o di un altro punto di interruzione. Dal momento che un altro punto di interruzione esiste a riga 13, il debugger si ferma qui ed evidenziare la linea 13.

14 Premere F5 di nuovo. Il debugger elaborerà l'ultima riga di codice e attendere ulteriori input. Fare clic sul pulsante "Esegui" per eseguire il debug di nuovo il codice o chiudere Internet Explorer 8.