A differenza di orientata codifica linguaggi come c#, JavaScript, il linguaggio che alimenta molti siti Web, è a volte difficile eseguire il debug. Gli sviluppatori di Visual Studio utilizzano interno del debugger di Visual Studio per eseguire il debug JavaScript. Essi hanno anche l'opzione di debug del codice utilizzando gli strumenti di sviluppo inclusi con Internet Explorer 8. Questi strumenti consentono agli sviluppatori di passaggio attraverso le funzioni JavaScript, esaminare le variabili ed eseguire altre attività diagnostiche come script viene eseguito in una pagina web.

Istruzioni

Creare il progetto di Visual Studio

1

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

2

Premere Ctrl, Shift e "A" e quindi fare doppio clic "Jscript File." Visual Studio verrà aggiungere un file JavaScript denominato "JScript1" a Esplora soluzioni a destra dello schermo e aperto nell'editor di codice.

3

Incollare questo codice nel file:

funzione test () {

var count = 1;

LoopCount () var = 3;

var color = "blue";

var temp;

var exitedLoop = false;

per (var i = 0; i < LoopCount (); i + +) {

Temp = i;

Se (io = = 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 = "server" Text = "Run" OnClientClick="test()" / >

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

5

Individuare "JScript1" in Esplora soluzioni. Fare clic sul file, tenere premuto il pulsante sinistro del mouse e trascinare il file nella sezione < head > del file default. aspx.

6

Individuare "Default. aspx" in Esplora soluzioni. Destro del mouse e selezionare "Cerca con". Si aprirà la finestra "Esplora con". Fare doppio clic su "Internet Explorer". Internet Explorer 8 verrà visualizzata la pagina web.

Debug del progetto

7

Premere F12 per aprire la finestra "Strumenti di sviluppo". Fare clic su "Script". IE visualizzerà il codice per "Default. aspx."

8

Fare clic sulla freccia a discesa accanto a "Default. aspx" e selezionare "JScript1." IE visualizzerà il codice per JScript1. Vedrete i numeri di riga a sinistra dello schermo, accanto le righe di codice. Fare clic su "Avviare il debug".

9

Fate clic sull'area vuota a sinistra della linea 6. Verrà visualizzato un puntino rosso. Si tratta di un punto di interruzione. Quando il codice viene eseguito, si fermerà a questo punto di interruzione.

10

Fate clic sull'area vuota a sinistra del numero di riga 13. Ciò inserirà un altro punto di interruzione. I punti di interruzione sono utili per la sospensione di un'applicazione ed esaminare lo stato delle variabili in punti specifici dell'applicazione.

11

Fare clic sul pulsante "Esegui". Il codice verrà eseguito e mettere in pausa in linea 6 ed evidenziare la riga. Premere F11. Il debugger ritornerà al passaggio alla riga successiva.

12

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

13

Premere F5. Questo pulsante provoca il debugger continuare l'elaborazione fino a quando raggiunge la fine del codice o un altro punto di interruzione. Poiché non esiste un altro punto di interruzione linea 13, il debugger interrompe c'ed evidenziare la linea 13.

14

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