2013-07-18 12 views
9

Ho un vuoto canaglia <div> inserito da qualche parte nel mio codice, ed è difficile da trovare quando sta arrivando. Sto usando debugger; e passando attraverso il codice, tuttavia, la funzione di passaggio si trova nella scheda "Sorgenti" degli strumenti di chrome dev e la scheda "Elementi" ha la vista di cui ho bisogno. Ho due schermi e ho gli strumenti dev su uno schermo e la pagina sull'altro, ma ho bisogno di vedere quando il div sta arrivando sull'HTML mentre passo attraverso il codice, ed è piuttosto ingombrante cambiare scheda dopo ogni clic.Come visualizzare la scheda degli elementi e la scheda delle origini contemporaneamente negli strumenti di chrome dev

C'è un modo per realizzare questa vista per risolvere più velocemente (forse una seconda istanza di strumenti di sviluppo? O dividere le schede?) O un altro suggerimento? Dato che non so come si genera, non posso colorare il div e cercare il colore sullo schermo ...

risposta

10

Se qualche elemento è inserito nel DOM e vuoi trovare il codice responsabile per l'aggiunta, quindi suggerisco di utilizzare lo strumento più appropriato di debugger;. Scopri "subtree modifications":

Break on -> subtree modifications

Problemi correlati