Chrome F8/hotkey debugger che si interrompe durante un'operazione di trascinamento della selezione

Question

Negli strumenti di sviluppo Web di Chrome, è possibile interrompere in qualsiasi momento premendo F8.

Spesso mi piacerebbe interrompere e ispezionare un elemento durante un'operazione di trascinamento della selezione premendo F8. Questo non funzionerà comunque.

C'è un collegamento nativo di Chrome-way senza eseguire uno script personalizzato?

Answer 1

No, la finestra devtools deve essere focalizzata affinché le scorciatoie da tastiera funzionino. Mentre trascini un elemento, è l'elemento trascinato che ha lo stato attivo, non la finestra di devtools. Il meglio che puoi fare è con uno script personalizzato.

l'impostazione di un timeout nella console per attivare il debugger dopo 2s Prova:

setTimeout(function(){debugger;}, 2000); 

E poi passo fuori di quella funzione.

Answer 2

C'è un collegamento nativo di Chrome-way senza eseguire uno script personalizzato?

N. senza alcuna passaggi aggiuntivi Devtools deve essere contenuto nel fuoco per F8 per sospendere l'esecuzione.

---

Se vuoi chiamare debugger mentre DevTools è aperta, ma non a fuoco, è possibile collegare un event listener per la chiave F8 in un paio di modi. Funzioneranno quando trascini un elemento e vuoi mettere in pausa l'esecuzione dello script.

1) Aprire la console ed eseguire manualmente questo script sul sito di destinazione prima di debug:

window.addEventListener('keydown', function(e){ if(e.keyCode === 24) {debugger;} }, false); 

Ciò allegare un listener di eventi per l' chiave F8 che attiverà debugger.

2) Creare un userscript per Tampermonkey che esegue lo script sopra nei siti autorizzati. userscript Esempio:

// ==UserScript== 
// @name   F8 to debug 
// @version  0.1 
// @description Press F8 when the console is open to trigger 'debugger' 
// @author  Drakes 
// @grant  none 
// @require  none 
// ==/UserScript== 

console.log("Press F8 when the console is open to trigger 'debugger'"); 
function KeyCheck(e) { 
    // Key code 24 is 'F8' 
    if(e.keyCode === 24) { 
     debugger; 
    } 
} 
window.addEventListener('keydown', KeyCheck, false);