cách xem mã JavaScript hiện đang thực thi là gì?

Question

với firebug tôi chỉ biết cách xem ajax-files được gọi là gì.

tôi có trình xử lý sự kiện nhấp chuột jquery được liên kết với phần tử liên kết.

là bạn có thể xem mã javascript nào được sử dụng khi nhấp vào một phần tử trong trường hợp bạn quên nếu bạn có trình xử lý sự kiện hoặc mã javascript khác được kết hợp với nó?

Answer 1

Bạn có thể sử dụng các hồ sơ trong Firebug. Chuyển đến tab Bảng điều khiển và nhấp vào Profile phía trên khu vực tin nhắn, bên cạnh Clear. Nó sẽ nói rằng profiler đang chạy. Nhấp lại vào nút Profile và bạn sẽ thấy báo cáo về chức năng nào đã được gọi và lượng thời gian được sử dụng trong mỗi chức năng.

Nếu bạn đang sử dụng thư viện như jQuery, đầu ra có thể ít rõ ràng hơn vì nó sẽ hiển thị nhiều thời gian trong các hàm từ thư viện (ví dụ: F(), init(), dimension(), v.v.) Nó sẽ hiển thị tập tin mà mỗi chức năng được xác định trong mặc dù, vì vậy bạn có thể bỏ qua những người có trong thư viện (trừ khi đó là những gì bạn đang tìm kiếm).

Nếu bạn đang sử dụng các chức năng ẩn danh, bạn có thể đặt tên cho chúng để chúng hiển thị trong hồ sơ - xem this article để có giải thích kỹ lưỡng (có thể quá kỹ lưỡng).

Answer 2

Sử dụng breakpoint ..

tham khảo: http://getfirebug.com/javascript

Answer 3

Bạn nên có một cái nhìn tại Eventbug (nó yêu cầu Firefox 3.6, một số tài liệu cũ):

Downloads: http://getfirebug.com/releases/eventbug/1.5/

Một số nền: http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/

Answer 4

Chỉ cần thêm 'gỡ rối ; ' tại onclickevent của bạn, và hạnh phúc gỡ lỗi nó.

* Quan trọng: bạn phải mở bảng điều khiển firebug và Tải lại trang