Quando si passa attraverso il codice JavaScript nel debugger di Google Chrome, come posso terminare l'esecuzione dello script se non voglio continuare? L'unico modo che ho trovato è chiudere la finestra del browser.

Premendo "Ricarica questa pagina" si esegue il resto del codice e si inoltra anche i moduli come se si premesse F8 "Continua".

AGGIORNAMENTO :

Quando si preme F5 (Aggiorna) mentre uno script è in pausa:

• Google Chrome (v22) esegue lo script. Se lo script invia una richiesta HTTP, viene visualizzata la risposta HTTP per quella richiesta. La pagina originale non viene aggiornata.
• Internet Explorer 9 si blocca. Tuttavia, IE ha un'opzione "Stop Debugging" che, se premuto (a condizione che non sia stato premuto F5 in precedenza), continua a eseguire lo script all'esterno del debugger.
• Firebug si comporta in modo identico a Chrome.

Chiudere e riaprire nuovamente la finestra del browser non è sempre il modo più semplice successivo perché ucciderà lo stato della sessione del browser e questo potrebbe essere importante. Anche tutti i tuoi punti di interruzione vengono persi.

AGGIORNAMENTO (gennaio 2014) :

Aggiorna durante il debug:

• Chrome v31: consente l'esecuzione degli script e si arresta su ulteriori punti di interruzione (ma non invia richieste Ajax), quindi si aggiorna.
• IE 11: l'aggiornamento non fa nulla, ma è possibile premere F5 per continuare.
• Firefox v26: consente l'esecuzione degli script ma non si interrompe su ulteriori punti di interruzione, invia richieste Ajax, quindi aggiorna.

Tipo di progresso!

Passa alla stessa pagina durante il debug:

• Chrome v31: uguale a Aggiorna.
• IE 11: gli script sono terminati, la nuova sessione del browser viene avviata (come chiudere e riaprire).
• Firefox v26: non succede nulla.

Anche juacala ha suggerito una soluzione efficace. Ad esempio, se si utilizza jQuery, l'esecuzione di delete $ dalla console interromperà l'esecuzione quando si incontra un metodo jQuery. L'ho testato in tutti i browser sopra e posso confermare che funziona.

AGGIORNAMENTO (marzo 2015) :

Infine, dopo oltre 2 anni e quasi 10.000 visualizzazioni, Alexander K. ha fornito la risposta giusta con un proprio Task Manager che può uccidere un processo di tabulazione senza chiudere la scheda stessa, mantenendo intatti tutti i punti di interruzione e altre cose.

Sono persino arrivato a BrowserStack.com per testarlo in Chrome v22 e ho scoperto che funzionava in questo modo anche a quel tempo.

La soluzione alternativa di Juacala è ancora utile durante il debug in Internet Explorer o Firefox.

AGGIORNAMENTO (gennaio 2019) :

Chrome Dev Tools alla fine ha aggiunto un modo corretto per interrompere l'esecuzione degli script, il che è carino (anche se un po 'nascosto). Fare riferimento alla risposta di James Gentes per i dettagli.

In Chrome è presente "Task Manager", accessibile tramite Shift+ ESCo tramite

Menu → Altri strumenti → Task Manager

È possibile selezionare l'attività della pagina e terminarla premendo il pulsante "Termina processo".

A partire da aprile 2018, puoi interrompere loop infiniti in Chrome :

1. Apri il pannello Sorgenti in Strumenti per gli sviluppatori ( Ctrl+ Shift+ I**).
2. Fare clic sul Pausa pulsante per sospendere l'esecuzione di script .

Nota anche i tasti di scelta rapida: F8e Ctrl+\

Un modo per farlo è mettere in pausa lo script, guardare quale codice segue dove sei attualmente fermato, ad esempio:

var something = somethingElse.blah;

Nella console, procedi come segue:

delete somethingElse;

Quindi riproduci lo script: causerà un errore irreversibile quando proverà ad accedere somethingElsee lo script morirà. Voilà, hai terminato la sceneggiatura.

EDIT: originariamente, ho eliminato una variabile. Non è abbastanza buono. Devi eliminare una funzione o un oggetto di cui JavaScript tenta di accedere a una proprietà.

Aggiornamento di aprile 2020

A partire da Chrome 80, nessuna delle risposte correnti funziona. Non è visibile il pulsante "Pausa": è necessario fare clic a lungo sul pulsante "Riproduci" per accedere all'icona Stop:

Se lo riscontri durante l'utilizzo debuggerdell'istruzione,

debugger;

... quindi penso che la pagina continuerà a funzionare per sempre fino a quando il js runtime cede o alla prossima interruzione. Supponendo che tu sia in modalità break-on-error (l'icona di pausa icona), puoi assicurarti che si verifichi una pausa invece facendo qualcosa del tipo:

debugger;throw 1;

o forse chiamare una funzione inesistente:

debugger;z();

(Naturalmente questo non aiuta se si sta cercando di passo attraverso le funzioni, anche se forse si potrebbe aggiungere in modo dinamico in una throw 1o z()o somesuch nel pannello Fonti, ctrl-S per salvare, e poi Ctrl-R per aggiornare ... questo può comunque saltare un punto di interruzione, ma può funzionare se sei in un ciclo.)

Se stai eseguendo un ciclo e prevedi di attivare debuggernuovamente l' istruzione, puoi semplicemente digitare throw 1.

throw 1;

Quindi quando premi Ctrl-R, verrà lanciato il lancio successivo e la pagina verrà aggiornata.

(testato con Chrome v38, circa aprile 2017)

Bella domanda qui Penso che non sia possibile interrompere l'esecuzione dello script. Anche se non l'ho mai cercato, ho usato il debugger di Chrome per molto tempo al lavoro. Di solito imposto punti di interruzione nel mio codice javascript e quindi eseguo il debug della parte di codice che mi interessa. Al termine del debug di quel codice, di solito eseguo semplicemente il resto del programma o aggiorno il browser.

Se si desidera impedire l'esecuzione del resto dello script (ad es. A causa di chiamate AJAX che verranno effettuate), l'unica cosa che si può fare è rimuovere quel codice nella console al volo, evitando così quelle chiamate dall'esecuzione , quindi è possibile eseguire il codice rimanente senza problemi.

Spero che aiuti!

PS: ho provato a scoprire un'opzione per terminare l'esecuzione in alcuni tutorial / guide come i seguenti, ma non sono riuscito a trovarlo. Come ho detto prima, probabilmente non esiste tale opzione.

http://www.codeproject.com/Articles/273129/Beginner-Guide-to-Page-and-Script-Debugging-with-C

http://www.nsbasic.com/app/tutorials/TT10.htm

Facendo riferimento alla risposta data da @scottndecker alla seguente domanda , Chrome ora fornisce un'opzione "disabilita JavaScript" sotto Strumenti di sviluppo:

• Verticale ...in alto a destra
• impostazioni
• E sotto 'Preferenze' vai alla sezione 'Debugger' in fondo e seleziona 'Disabilita JavaScript'

La cosa buona è che puoi fermarti ed eseguire di nuovo semplicemente selezionandolo / deselezionandolo.

Puoi farlo, ma devi prima preparare il tuo codice.

Istruzioni per interrompere l'esecuzione degli script in Google Chrome Dev Tools:

(1) Preparare prima il codice, creando una variabile globale :

var devquit=0;
$(document).ready({
    //the rest of your code

(2) Qualsiasi luogo in cui potresti voler uscire, verifica il valore di questa variabile:

//Lotsa code
if (devquit > 0) return false;

(3) Metti in pausa l'esecuzione dello script prima o dopo le righe di test sopra

(4) Passa alla console

(5) Tipo:

> devquit
0
> devquit=1   <=== only this line is necessary
> devquit
1

(6) Continua l'esecuzione dello script. Lo script return falseeseguirà il test dal passaggio (2) sopra

Appunti:

(A) Questo trucco funziona con variabili e oggetti globali, ma non con variabili locali. Nota che:
newVar = 'never used before';
crea una nuova proprietà dell'oggetto finestra (funziona con il trucco sopra), mentre questo:
var newVar = 'never used before';
crea una variabile locale (NON funziona con il trucco sopra!)

(B) Quindi, puoi ancora usare questo trucco con il codice già in esecuzione se hai una variabile globale o un oggetto che restituirà false se ha un dato valore.

(C) In un pizzico, puoi usare il trucco di juacala ed eliminare un elemento dal DOM (nella scheda degli elementi) che causerà un errore javascript. Ad esempio, supponi di avere un codice var cartype = $('#cartype').val();Se elimini l'elemento con ID = cartypeprima di quella riga di codice, allora js si interromperà su quella riga. Tuttavia, l'elemento mancherà comunque quando si tenta di rieseguire il codice. Il trucco sopra descritto consente di eseguire e rieseguire il codice all'infinito.

Altre note:

(a) Inserire il punto di interruzione nel codice: basta digitare debugger;su una riga da solo. Se DevTools è aperto, lo script passerà al debugger a quel punto. Se DevTools non si apre, il codice ignorerà l'istruzione.

(b) Vuoi evitare di saltare nella libreria jQuery durante il debug del codice? Blackbox esso. Consulta le istruzioni della blackbox per Chrome - o - per Firefox

Gratitudine (visita e vota):

Debug Javascript riga per riga utilizzando Google Chrome

È possibile modificare i valori delle variabili javascript durante il debug in Google Chrome?

Puoi mettere in pausa qualsiasi modello XHR che trovo molto utile durante il debug di questo tipo di scenari.

Ad esempio, ho fornito il punto di interruzione su un pattern URL contenente "/"

Se hai un loop non autorizzato, metti in pausa il codice nel debugger di Google Chrome (il piccolo ||pulsante " " mentre sei nella scheda Sorgenti).

Torna a Chrome stesso, apri "Task Manager" ( Shift+ ESC), seleziona la scheda, fai clic sul pulsante "Termina processo".

Riceverai il messaggio Aww Snap e potrai ricaricare ( F5).

Come altri hanno notato, ricaricare la pagina al punto di pausa è lo stesso di riavviare il loop non autorizzato e può causare cattivi blocchi se anche il debugger si blocca (in alcuni casi portando a riavviare Chrome o persino il PC). Il debugger necessita di un pulsante "Stop". Nb: la risposta accettata non è aggiornata in quanto alcuni aspetti di essa sono ora apparentemente sbagliati. Se mi voti in basso, spiega :) .

Apri la scheda sorgente in "Strumenti per gli sviluppatori", fai clic su un numero di riga in uno script in esecuzione, questo creerà un punto di interruzione e il debugger si interromperà lì.

Esistono molte soluzioni appropriate a questo problema, come menzionato sopra in questo post, ma ho trovato un piccolo trucco che può essere inserito nella sceneggiatura o incollato nella console di Chromes (debugger) per ottenerlo:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

Ciò causerà la sospensione dell'esecuzione quando si colpisce F12.