Tôi có một yếu tố tạo kiểu được áp dụng qua JavaScript. Tôi không chắc chắn chính xác ở đâu; là có một cách để kiểm tra Firebug để hiển thị nơi "element.style" thực sự đến từ đâu?Làm cách nào để tìm JavaScript nào đang thay đổi kiểu phần tử?
Bạn có thể mở chế độ xem tập lệnh và tìm kiếm ".style" trong hộp tìm kiếm.
Nếu bạn chắc chắn nó đang được thiết lập trên inline style và không phải là một hệ quả của một quy tắc kiểu, bạn có thể phát hiện những thay đổi bằng cách sử dụng phi tiêu chuẩn Mozilla watch() phương pháp:
document.body.style.watch('color', function(name, v0, v1) {
alert(name+': '+v0+'->'+v1);
});
document.body.style.color= 'red';
Bạn có thể đặt debugger; trong chức năng quan sát và tra cứu ngăn xếp cuộc gọi trong Firebug để xem nơi thay đổi được kích hoạt.
Wow, tốt đẹp. Không biết mẹo đó. –
Có thể ai đó vui lòng cho chúng tôi biết chúng tôi làm gì/nơi chúng tôi đặt mã ở trên? – user1794295
@ user1794295 trong jQuery $ (tài liệu) .ready (function() {/ * mã của bạn xuất hiện ở đây * /}); hoặc một cái gì đó tương tự –
Bạn cũng có thể nhấp chuột phải vào phần tử trong bảng điều khiển HTML trước khi kiểu được đặt và chọn ngắt trên Thay đổi thuộc tính. Bảng điều khiển tập lệnh phải được bật.
Theo yêu cầu từ this question:
Nếu bạn có firefox bạn có thể kiểm tra "Break trên thuộc tính Thay đổi" tùy chọn trong tab HTML. Chỉ cần nhấp chuột phải vào phần tử mục tiêu và menu sẽ bật lên. Sau đó, thay đổi kích thước cửa sổ và nó sẽ phá vỡ trong dòng kịch bản mà thuộc tính được thay đổi.
Điều đó sẽ chỉ hoạt động trong một số trường hợp rất hạn chế - đặc biệt với jQuery đang sử dụng. –
@Brock Adams: Đó là sự thật, nhưng cũng có thể tìm kiếm '.css';) –
Đó là sự thật, nhưng người ta có thể đang tìm kiếm một thời gian looooooong .. .. – TweeZz