Trova l'origine dei tag HTML aggiunti da jQuery [chiuso]

-2

Una pagina su cui sto lavorando ha tag di ancoraggio apparentemente casuali che appaiono dappertutto, il che sta causando significativi problemi di formattazione. Questi tag sono visualizzati in Chrome DevTools ma non nell'origine della pagina, il che suggerisce che sono stati aggiunti tramite jQuery.

Come posso rintracciare da dove vengono quei misteriosi tag? La pagina contiene un sacco di file jQuery in uso, sia di prima che di terza parte, quindi è difficile da rintracciare.

Ho provato a commentare interi file JS, e ho anche provato a inserire i punti di interruzione prima che il problema si manifestasse, ma non è ancora arrivato a nulla. Spero che ci sia un modo più sofisticato per farlo.

    
posta jacobsowles 26.01.2017 - 18:01
fonte

1 risposta

0

L'impostazione dei breakpoint DOM è perfetta per questo problema.

link

Posso fare clic con il pulsante destro del mouse su qualsiasi elemento genitore, quindi selezionare Interrompi modifiche al sottostrato. Quindi, ogni volta che quell'elemento o uno dei suoi figli cambia (aggiungi, rimuovi o aggiorna), viene visualizzata la riga di JavaScript che ha causato la modifica.

Un problema che ho avuto con questo è stato il fatto che il punto di interruzione continuava ad andare via dopo aver aggiornato la pagina. Per aggirare questo problema, ho impostato un breakpoint JavaScript prima di eseguire il rendering di elementi DOM, aggiornato la pagina e aggiunto il punto di interruzione DOM. Da quel punto, ho potuto continuare a premere "Continua" nel debugger fino a quando l'elemento DOM mistero ha reso. Questo processo è discusso in dettaglio qui:

link

    
risposta data 26.01.2017 - 19:24
fonte

Leggi altre domande sui tag