Come nascondere l'overlay di Chrome "sospeso nel debugger"?

Question

Alcuni aggiornamenti semi-recenti su Chrome ora posizionano una sovrapposizione sulla mia pagina Web quando sono in pausa in un punto di interruzione. Sto specificatamente cercando di visualizzare lo stato del mio markup della pagina a questo punto, e l'overlay nasconde esattamente ciò che voglio vedere!

C'è un modo per disattivare questo codice?

O c'è un modo per ripristinare Chrome per una versione che non ha questa funzione errata?

Answer 1

Ho riscontrato questo stesso problema e ho scoperto che se si passa alla scheda "Elementi" e si attiva l'ispettore elementi (il pulsante in basso a destra con l'icona della lente di ingrandimento), la sovrapposizione è nascosta. Come ci si potrebbe aspettare, quando si disattiva l'elemento ispettore di nuovo il messaggio "pausa nel debugger" torna, così io di solito basta lasciare l'ispettore abilitato mentre sto passando attraverso il debugger.

Potrebbe non essere intuitivo, ma almeno funziona. Se ci sono altre alternative, mi piacerebbe sentirle!

Answer 2

Ora c'è un'opzione nelle impostazioni di Inspector, deselezionate Disable paused state overlay.

È molto utilizzabile con il setTimeout(function(){debugger;}, 5000); trucco per ispezionare elementi che sono visibili solo al passaggio del mouse.