2009-04-06 27 views
21

Tôi đã xem một tấn bài đăng cũ trên mạng về cách cố gắng gỡ lỗi jQuery trong Firebug. Bất cứ ai có một cách tốt nhưng tôi không thấy một trong tất cả các công trình.Gỡ lỗi jQuery bằng Firebug

+0

Bạn nghĩ rằng bạn đã tìm thấy một lỗi trong jQuery? Hoặc trong mã của riêng bạn sử dụng jQuery? –

+0

Làm thế nào để bạn bước qua? Làm thế nào để bạn thiết lập các điểm ngắt? Khi tôi mở Firebug, tôi thấy tab 'tập lệnh' với hàng trăm dòng HTML từ trang và khi tôi sử dụng "tìm" nó sẽ tìm kiếm trang bình thường, chứ không phải tab tập lệnh. – dfrankow

+2

Có một trình đơn thả xuống trong tab tập lệnh hiển thị mỗi tệp Javascript được tải. Bạn có thể cuộn lên và xuống và thiết lập các điểm ngắt bằng cách nhấp vào bên trái. – dfrankow

Trả lời

36

Tôi nghĩ người hỏi thực sự chỉ muốn biết cách sử dụng công cụ ở mức rất cơ bản, và tôi đoán không có câu nào trong số những câu trả lời này nhắm thẳng vào vấn đề đó vì sao họ không được kiểm tra màu xanh lá cây. mặc dù thông tin trong chúng hữu ích khi bạn vượt qua các khái niệm cơ bản. Q này đã cũ và tác giả nguyên thủy có thể đã kiếm được một triệu đô, nhưng có lẽ câu trả lời này sẽ có lợi cho người khác. Tôi không biết nhiều về bản thân mình nhưng đây là những gì tôi biết.

Bạn sử dụng tab tập lệnh từ cửa sổ firebug. Nhìn ở đầu bạn thấy console, html, css, kịch bảnDOM, vv tab. Bạn muốn chọn script thẻ sau đó bên dưới mà trong loại nhỏ không thể tin có một hàng khác của tab đầu tiên mặc định là tĩnh và tab thứ hai là một trình đơn thả xuống của tất cả các thành phần có javascript. Chọn một trong những bạn muốn gỡ lỗi và đi bên trái của nó và bấm vào lề bên cạnh dòng bạn muốn thiết lập một điểm break. Một vòng tròn màu đỏ vẫn xuất hiện ở đó. Bây giờ bên phải có mũi tên để bước vào, bước qua, vv và bên phải của điều đó theo dõi bạn có thể xem các biến đi theo.

+0

Vấn đề của tôi là danh sách thả xuống mà bạn đề cập không hiển thị mã jQuery vì nó không nằm trong tệp javascript, nó nằm trong nguồn html và không hiển thị trong trình đơn thả xuống hoặc điểm ngắt hỗ trợ rất tốt. – Noumenon

8

Trước tiên, hãy đảm bảo rằng bạn không sử dụng phiên bản được thu nhỏ hoặc đóng gói của jQuery. Điều đó hầu như không thể gỡ lỗi. Tiếp theo, tôi thấy rằng nó giúp bước qua ít nhất một lần để bạn biết nơi đặt breakpoint trong mã jQuery. Bạn cũng có thể muốn phá vỡ chuỗi của bất kỳ câu lệnh jQuery nào trong mã của bạn và gán kết quả trung gian cho các biến mà bạn có thể kiểm tra. Ngoài ra, tôi còn với @Chad. Tôi chưa gặp nhiều vấn đề khi gỡ lỗi mã dựa trên jQuery của mình.

+0

Cảm ơn tôi không bao giờ biết bằng cách sử dụng jquery thu nhỏ sẽ là lý do tại sao tôi không bao giờ có bất cứ điều gì hợp lý trong firebug. – Zeeshan

0

Bạn cũng có thể muốn kiểm tra kỹ phần lớn mã của mình bằng the jQuery documentation. Mã jQuery trông rất quen thuộc, nhưng có một số mô hình lập trình rất kỳ quặc tạo ra hiệu quả tiếng ồn khi không chiếm.

3

Hãy thử this plugin. Nó đặc biệt để gỡ lỗi javascript dựa trên jquery trong Firebug. Cho phép bạn thả vào các sự kiện xích và đăng nhập chúng vào bảng điều khiển.

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