Come mantieni i punti di interruzione DOM di Chrome all'aggiornamento della pagina?

Question

Voglio vedere quale codice sta modificando un elemento DOM in una pagina Web, quindi ho impostato un punto di interruzione in Chrome facendo clic con il pulsante destro del mouse sull'elemento nella scheda Elementi dell'ispettore DevTools e scegliendo "Interrompi su ..." -> "Modifiche del sottostrato". Lo script modifica l'elemento quando la pagina viene caricata (e non dopo), quindi voglio conservare il punto di interruzione DOM e aggiornare la pagina.

Il processo per salvare i punti di interruzione nel codice javascript non sembra essere applicabile ai punti di interruzione DOM.

Answer 1

Per ora ho aggiunto una linea debugger; prima di qualsiasi altro codice viene eseguito, ha aggiunto un punto di interruzione DOM, e continuò.

Answer 2

In Chrome, i punti di interruzione DOM non vengono conservati all'aggiornamento, vengono gettati e ripristinati dopo l'evento onload. Vedere bug report 571519, e questo commento da quel rapporto:

Noi preserviamo DOM punti di interruzione su di ricarica, ma i punti di interruzione la riammissione solo su evento onload. Quindi, se si prevede che il punto di interruzione si inneschi prima di quello o sia impostato su un nodo che viene aggiunto pigramente, il punto di interruzione non viene ripristinato. Dovremmo risolvere il problema però.

Questa è la soluzione:

1. pausa il Javascript, sia con un punto di interruzione normale o con debugger; linea di Javascript
2. rimuovere tutti i punti di interruzione DOM e aggiungere i punti di interruzione DOM che sono necessari
3. curriculum vitae.