Come posso trovare il codice JavaScript che sta impostando lo stile in linea di un elemento?

Mi chiedo se esiste un modo per scoprire da dove proviene uno stile CSS incorporato. Come puoi vedere nella foto qui sotto, ho un elemento con uno stile inline che è stato generato utilizzando JavaScript. A volte il mio codice sembra spezzarsi e mettere la larghezza a 0px, rendendo invisibile il div.Come posso trovare il codice JavaScript che sta impostando lo stile in linea di un elemento?

screenshot

Ho guardato attraverso tutti i file JS, ma non riesco a trovare l'errore.

C'è un modo per trovare il file e la linea giusti, proprio come fanno gli strumenti di sviluppo per i file CSS?

fonte

2014-06-13 PieBie

Se si include il codice e le librerie in uso, uno di noi potrebbe essere in grado di trovare il colpevole. Ma per rispondere alla tua domanda, non conosco alcun meccanismo che ti indicherà chiaramente la fonte di uno stile applicato. – Vector

Che ne dici di 'grep'? – Boldewyn

non so di grep, potrebbe funzionare. Lo darò un'occhiata, ma sembra piuttosto complicato. – PieBie

Dal momento che si sta utilizzando Chrome:

Fare clic destro sul elemento della pagina e Inspect Element
clic destro sulla vista ispettore DOM dell'elemento e break ... → Attributi Modifiche

Quando lo stile in linea dell'elemento viene modificato wi Con JS, il debugger si innescherà come se avesse raggiunto un punto di interruzione.

Questo mostrerà la linea pertinente di JS e ti darà uno stack in modo da poter capire da dove è stata chiamata quella linea.

fonte

2014-06-13 08:19:29 Quentin

ok, è un po 'una soluzione, ma potrebbe funzionare. grazie, gli darò un colpo. – PieBie

È possibile utilizzare chrome debugger/firefox per ispezionare lo stile dell'elemento e la sua gerarchia.

anche se non si desidera uno stile assegnato da voi per essere ignorato, è possibile utilizzare importante:!

#element{ 

css-property:value !important; 
}

fonte

2014-06-13 08:10:54 abhinsit

L'OP sa già che è impostato direttamente sull'elemento. Stanno cercando di rintracciare il JS che lo ha impostato lì. – Quentin

sì, lo so. Ma questo non mi dice ancora quale file Javascript ha generato un bit specifico di CSS in linea. – PieBie

sì, grazie @Quentin – PieBie

-1

browser per utilizzare Mozilla Firefox e scaricare Firebug add-in del browser. Vi mostrerà il codice completo di CSS, file JS che sono legati a quel file ..

fonte

2014-06-13 08:13:18 AJ101

L'OP può vedere già il codice completo, devono utilizzare un ispettore DOM per determinare che lo stile sia impostato direttamente sull'elemento. Stanno cercando di rintracciare il JS che lo ha impostato, e Firebug non lo mostrerà solo guardando il codice. – Quentin

Come posso trovare il codice JavaScript che sta impostando lo stile in linea di un elemento?

risposta

Problemi correlati