2013-07-05 18 views
24

Voglio esaminare gli elementi della mia pagina in sviluppo che scompaiono subito dopo che il mouse li ha lasciati. Per questo e altri scenari voglio qualcosa come un plugin "disable JS" o console-comando, che funziona non solo a tempo di caricamento, ma può bloccare completamente ogni js della pagina corrente in qualsiasi momento.Come congelare deliberatamente javascript in chrome (plugin/console)

Esiste una soluzione del genere? Preferirei chrome, ma accetta Firefox. Grazie.

+1

Non è questa la puropose degli strumenti di sviluppo, ovvero il "debugger" all'interno di chrome? –

+3

@ Lilith2k3 Penso che il problema che sta avendo è che devi usare il mouse per usare il debugger, e questo rende difficile il debug degli script che gestiscono gli eventi del mouse. – Barmar

+2

http://stackoverflow.com/questions/1265623/programmatically-stop-javascript-execution-in-firefox-firebug – user2357112

risposta

9

Provare a utilizzare la direttiva debugger; (relevant MDN article). Funziona come un punto di interruzione e dovrebbe aiutarti a eseguire il debug degli script utilizzando la normale console degli sviluppatori.

+0

Grazie, ha funzionato esattamente come mi serviva: 1) Apri console, digita 'debugger; ' 2) Premere F8 per rilasciare la pausa. 3) Usa il mouse per impostare lo stato desiderato 4) Senza uscire con il mouse, premi nuovamente F8 per passare gli script. Fare clic sugli elementi per l'ispezione non funziona mentre è in pausa, ma funziona ancora dalla scheda degli elementi. –

36

Che cosa ha funzionato per me esecuzione pausa:

  1. Apri Chrome javascript console (Ctrl + Shift + J)
  2. Vai a "fonti"
  3. Sul lato destro, fare clic sul piccolo icona "pausa" o premere F8 a interrompere l'esecuzione dello script.

È anche possibile inserire "punti di interruzione" all'interno della stessa console. Provare le seguenti operazioni per utilizzare i punti di interruzione:

  1. Apri Chrome javascript console (Ctrl + Shift + J)
  2. andare a "fonti"
  3. Sul lato destro, fare clic sull'icona piccola "pausa", oppure premere F8 a interrompe l'esecuzione dello script.
  4. Ora è possibile fare clic sulle funzioni "Passaggio sopra", "Esegui passaggio", ecc. Sul lato destro per accedere lentamente al codice, riga per riga.
  5. È inoltre possibile fare clic sul numero di riga per qualsiasi sorgente per aggiungere un punto di interruzione. I punti di interruzione fermano l'esecuzione del codice quando viene raggiunto. È possibile abilitare/disabilitare i breakpoint sul lato destro accanto agli altri pulsanti sopra menzionati.
+2

Fantastico, molte grazie :) Questa è la migliore risposta. –

+1

Grazie per le informazioni. Ho sempre avuto problemi nel cercare di ispezionare elementi generati da js attivati ​​al passaggio del mouse. Non più. :) – lithiumlab

Problemi correlati