2013-07-18 12 views
9

Mam nieuczciwy blank <div> wstawiający się gdzieś w moim kodzie, i trudno go znaleźć, kiedy on wchodzi. Używam debugger; i krok po kroku, jednak funkcja kroku znajduje się w zakładce "Źródła" w chrome dev tools, a karta "Elements" ma widok, którego potrzebuję. Mam dwa ekrany i narzędzia dla programistów na jednym ekranie i stronę na drugiej, ale muszę zobaczyć, kiedy div przechodzi przez kod HTML podczas przechodzenia przez kod, a przełączanie kart po nich jest dość kłopotliwe każde kliknięcie.Jak wyświetlać zakładkę elementów i zakładkę źródeł w tym samym czasie w chrome dev tools

Czy istnieje sposób na wykonanie tego widoku w celu szybszego rozwiązania problemu (może to druga instancja narzędzi programistycznych lub podzielenie kart?) Lub innej sugestii? Ponieważ nie wiem, jak to się robi, nie mogę pokolorować elementu div i po prostu wyglądać na kolor, który ma pojawić się na ekranie ...

Odpowiedz

10

Jeśli jakiś element został wstawiony do DOM i chcesz znaleźć kod odpowiedzialna za dodanie go, sugeruję użycie bardziej odpowiedniego narzędzia niż debugger;. Sprawdź "subtree modifications":

Break on -> subtree modifications

Powiązane problemy