Esiste una scorciatoia da tastiera in Google Chrome che interromperà l'esecuzione degli script? (Equivale a premere il pulsante ||"Pausa esecuzione script" nel pannello Script strumenti per sviluppatori.)
Vorrei usare Dev Tools per ispezionare un elemento nel suo stato di passaggio del mouse; il mouseleavecodice verrà ovviamente eseguito se provo a fare effettivamente clic sul pulsante Pausa!
Risposte:
Anche se non ho trovato la soluzione esatta a questo problema, ho creato una riga che può essere inserita in una pagina (o incollata nella console Javascript) per raggiungere il mio obiettivo:
jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });
Ciò causerà la sospensione dell'esecuzione quando si colpisce F12.
( debuggerè un'istruzione JavaScript che forza un breakpoint.)
Aggiornamento: Dev Tools ha molte scorciatoie integrate (premi F1per un elenco), ma devi essere concentrato nella finestra di Dev Tools affinché funzionino. La sospensione dell'esecuzione dello script è F8(quando si guarda la scheda Sorgenti, a partire da Chrome 45) o Ctrl+ /.
Il precedente one-liner potrebbe ancora essere utile se devi rimanere concentrato nella pagina prima di mettere in pausa.
window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
setTimeout(function() { debugger; }, 1000)aiuta qui
Elenchi di riferimenti alle scorciatoie da tastiera di Google per "Metti in pausa / riprendi l'esecuzione dello script":
Ci sono modi più semplici per ispezionare le cose negli stati dispari come hover o attivo. Innanzitutto, trova il nodo DOM nel riquadro Elements di Chrome Dev Tools. Ora puoi fare clic con il pulsante destro del mouse sul nodo e guardare "Forza elemento elemento" nel menu di scelta rapida, oppure selezionare il nodo e guardare nella scheda Stili e trovare l'icona con la casella tratteggiata con il puntatore del mouse in alto a destra (accanto all'icona + / più che consente di aggiungere una nuova regola CSS element.style, l'elemento selezionato).
Quando attivi uno di questi stati, il margine sinistro del riquadro degli elementi diventa un piccolo cerchio per indicare che hai sovrascritto lo stato naturale dell'elemento su quella linea.
Ho scritto una piccola estensione di Chrome che ti consente di premere il pulsante Pausa sulla tastiera per mettere in pausa l'esecuzione di JavaScript
pause/breaksulla tastieraEsercitando il mio Google-fu, ho trovato l' elenco ufficiale di Google delle scorciatoie da tastiera di Chrome
Non sembra che ce ne sia uno dedicato. Puoi sempre scrivere un plug-in che interpreti una combinazione di tasti come pulsante di pausa, se lo desideri.