Tôi làm cách nào để tìm JavaScript được đặt kiểu nội tuyến của một phần tử?

Question

Tôi tự hỏi có cách nào để tìm ra một phong cách CSS nội tuyến đến từ đâu. Như bạn thấy trong hình bên dưới, tôi có một phần tử với kiểu nội tuyến được tạo bằng JavaScript. Đôi khi mã của tôi dường như vỡ và đặt chiều rộng thành 0px, hiển thị div ẩn.

Tôi đã nhìn qua tất cả các file JS, nhưng dường như không thể tìm ra lỗi.

Có cách nào để tìm đúng tệp và dòng, giống như các công cụ dành cho các tệp css không?

Answer 1

Vì bạn đang sử dụng Chrome:

1. Nhấp chuột phải vào phần tử trong trang và Kiểm tra Element
2. nhấp chuột phải vào xem thanh tra DOM của nguyên tố này và nghỉ giải lao trên ... → Thuộc tính Modifications

Khi inline style cho nguyên tố này được sửa đổi wi th JS, trình gỡ lỗi sẽ kích hoạt như thể nó đã đạt đến điểm ngắt.

Điều này sẽ hiển thị cho bạn dòng có liên quan của JS và cung cấp cho bạn một ngăn xếp để bạn có thể tìm ra nơi dòng đó được gọi.

Answer 2

Bạn có thể sử dụng trình gỡ lỗi chrome/firefox để kiểm tra kiểu của phần tử và phân cấp của phần tử đó.

Ngoài ra nếu bạn không muốn có một phong cách của bạn đã gán cho được ghi đè, bạn có thể sử dụng quan trọng:

#element{ 

css-property:value !important; 
} 

Answer 3

trình duyệt sử dụng Mozilla FireFox và tải về Firebug add-in của trình duyệt. Nó sẽ cho bạn thấy mã hoàn chỉnh với CSS, JS có liên quan đến tập tin đó ..