Jak mogę znaleźć kod JavaScript, który ustawia styl wstawiania elementu?

Question

Zastanawiam się, czy istnieje sposób, aby dowiedzieć się, skąd wziął się wbudowany styl CSS. Jak widać na poniższym obrazku, mam element z wbudowanym stylem, który został wygenerowany przy użyciu JavaScript. Czasami mój kod wydaje się łamać i umieszczać szerokość na 0px, czyniąc niewidoczny div.

Przejrzałem wszystkie pliki JS, ale nie wydaje się znaleźć błąd.

Czy istnieje sposób na znalezienie odpowiedniego pliku i linii, podobnie jak narzędzia programistyczne dla plików css?

Answer 1

Ponieważ używasz Chrome:

1. prawym przyciskiem myszy na elemencie na stronie i Zbadaj element
2. prawym przyciskiem myszy na widoku inspektor DOM elementu i Przerwa na ... → Atrybuty Modyfikacje

Gdy styl inline elementu jest modyfikowane wi th JS, debugger uruchomi się tak, jakby trafił w punkt przerwania.

Pokaże ci odpowiednią linię JS i da ci stos, dzięki któremu będziesz mógł dowiedzieć się, skąd linia została wywołana.

Answer 2

Możesz użyć chrome debugger/firefox do sprawdzenia stylu elementu i jego hierarchii.

Także jeśli nie chcesz styl nadany przez ciebie być przesłonięte, można użyć ważne:!

#element{ 

css-property:value !important; 
} 

Answer 3

użycie przeglądarki Mozilla Firefox i pobierz Firebug Add-in przeglądarki. pokaże pełny kod CSS, pliki JS, które są związane z tym plikiem ..