Latest web development tutorials
×

JavaScript corso

JavaScript corso JavaScript breve introduzione JavaScript uso JavaScript esportazione JavaScript grammatica JavaScript dichiarazioni JavaScript nota JavaScript variabile JavaScript Tipi di dati JavaScript Oggetti JavaScript funzione JavaScript portata JavaScript evento JavaScript stringa JavaScript operatori JavaScript confrontare JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo di conversione JavaScript Espressioni regolari JavaScript errore JavaScript Debugging JavaScript alzata variabile JavaScript Modalità Strict JavaScript Uso improprio JavaScript Forms Authentication JavaScript Parole chiave riservate JavaScript JSON JavaScript void JavaScript Codice Specifica

JS funzione

JavaScript definizione di funzione JavaScript Argomenti funzione JavaScript richiamo della funzione JavaScript chiusure

JS HTML DOM

DOM breve introduzione DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzato

JavaScript Oggetti JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Oggetti

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript evento programmato JavaScript Cookies

JS magazzino

JavaScript magazzino JavaScript prova jQuery JavaScript prova Prototype

JS Esempi

JavaScript Esempi JavaScript istanza di oggetto JavaScript istanza di oggetto Browser JavaScript HTML DOM Esempi JavaScript sommario

JS Manuale di riferimento

JavaScript Oggetti HTML DOM Oggetti

debug JavaScript

Durante la scrittura di JavaScript, se non strumento di debug è una cosa molto dolorosa.

debug JavaScript

strumenti di debug non sono difficili da scrivere programmi JavaScript.

Il vostro codice potrebbe contenere errori di sintassi, errori logici, se non strumenti di debug, questi errori sono più difficili da trovare.

In genere, se si verifica l'errore JavaScript, non ci sarà nessuna richiesta, quindi non è possibile trovare la posizione sbagliata codice.

nota In genere, si scrive un errore si verifica in un nuovo processo di codice JavaScript.

strumenti di debug JavaScript

Guardando per l'errore nel codice del programma è chiamato debug.

Debug difficile, ma per fortuna, molti browser sono dotati di strumenti di debug.

Built-in strumenti di debug può essere avviato o spento, un messaggio di errore grave verrà inviato all'utente.

Con gli strumenti di debug, possiamo impostare un punto di interruzione (posizione di esecuzione di codice fermarsi), e in grado di rilevare quando una esecuzione di codice variabile.

strumenti di debug browser abilitato sono generalmente premere il tasto F12, e selezionare il "Console" nel menu Debug.

Metodo console.log ()

Se il browser supporta il debug, è possibile utilizzare console.log () metodo stampa JavaScript valore nella finestra di debug:

Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina web </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Corpo>
</ Html>

Prova »

Impostare un punto di interruzione

Nella finestra di debug, è possibile impostare i punti di interruzione il codice JavaScript.

Su ogni punto di interruzione si fermerà l'esecuzione di codice JavaScript per controllare il valore delle variabili in JavaScript noi.

Dopo l'ispezione è stata completata, è possibile ri-eseguire il codice (ad esempio il pulsante Play).

debugger parola chiave

debugger parola chiave per fermare l'esecuzione di JavaScript, e richiamare le funzioni del debugger.

Questa parola chiave e impostare un punto di interruzione nello strumento di debug, l'effetto è lo stesso.

Se non c'è il debug a disposizione, dichiarazione debugger non funzionerà.

Aperto debugger, l'esecuzione di codice viene interrotta prima della terza linea.

Esempi

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

Prova »

I principali strumenti di debug del browser

In genere, i browser consentono strumenti di debug sono generalmente premere il tasto F12, e selezionare il "Console" nel menu Debug.

Ogni browser, attenersi alla seguente procedura:

browser Chrome

  • Aprire il browser.
  • Selezionare Strumenti nel menu.
  • Selezionare Strumenti strumenti per sviluppatori.
  • Infine, selezionare Console.

browser Firefox

  • Aprire il browser.
  • Accedere alla pagina:
    http://www.getfirebug.com.
  • Seguire le istruzioni:
    Installare Firebug.

browser Internet Explorer.

  • Aprire il browser.
  • Selezionare Strumenti nel menu.
  • Selezionare Strumenti strumenti per sviluppatori.
  • Infine, selezionare Console.

opera

  • Aprire il browser.
  • Opera di strumenti integrati per la Libellula debug, una descrizione dettagliata si trova nelle visite di pagina:
    http://www.opera.com/dragonfly/.

safari

  • Aprire il browser.
  • Il tasto destro del mouse e selezionare Inspect Element.
  • Selezionare "Pannello di controllo" nella parte inferiore della finestra pop-up.