2013-07-18 33 views
9

Tôi có một số trống <div> được chèn từ một nơi nào đó trong mã của mình và rất khó để tìm thấy khi nào đang đến. Tôi đang sử dụng debugger; và bước qua mã, tuy nhiên, chức năng bước nằm trong tab 'Nguồn' của công cụ chrome dev và tab 'Yếu tố' có chế độ xem tôi cần. Tôi có hai màn hình, và có các công cụ dev trên một màn hình và trang trên một màn hình khác, nhưng tôi cần phải xem khi nào div đang đi qua trên HTML khi tôi bước qua mã, và nó khá cồng kềnh để chuyển đổi các tab sau mỗi lần nhấp.Cách xem tab phần tử và tab nguồn cùng một lúc trong công cụ chrome dev

Có cách nào để thực hiện chế độ xem này để khắc phục sự cố nhanh hơn (có thể là ví dụ thứ hai của công cụ dev? Hoặc chia tab?) Hoặc đề xuất khác? Vì tôi không biết nó được tạo ra như thế nào, tôi không thể tô màu cho div và chỉ cần tìm màu sắc trên màn hình ...

Trả lời

10

Nếu một số phần tử được chèn vào DOM của bạn và bạn muốn tìm mã chịu trách nhiệm thêm nó sau đó tôi đề nghị sử dụng công cụ thích hợp hơn debugger;. Xem "subtree modifications":

Break on -> subtree modifications

Các vấn đề liên quan