Tất cả các trình duyệt hiện đại đi kèm với một số hình thức của ứng dụng gỡ lỗi JavaScript tích hợp. Các chi tiết của những điều này sẽ được đề cập trên các trang web của các công nghệ có liên quan. Sở thích cá nhân của tôi để gỡ lỗi JavaScript là Firebug trong Firefox. Tôi không nói Firebug tốt hơn bất kỳ ai khác; Nó phụ thuộc vào sở thích cá nhân của bạn và bạn có thể nên kiểm tra trang web của mình trong tất cả các trình duyệt [lựa chọn đầu tiên cá nhân của tôi luôn là Firebug].
Tôi sẽ đề cập đến một số giải pháp cấp cao bên dưới, sử dụng FireBug làm ví dụ:Firebug as an example:
Firefox
Firefox đi kèm với công cụ gỡ lỗi JavaScript sẵn có riêng của nó, nhưng tôi khuyên bạn nên cài đặt FireBug ADD trên. Điều này cung cấp một số tính năng bổ sung dựa trên phiên bản cơ bản rất tiện dụng. Tôi sẽ chỉ nói về Firebug ở đây.
Khi FireBug được cài đặt, bạn có thể truy cập nó như bên dưới:
Đầu tiên nếu bạn nhấp chuột phải vào bất kỳ yếu tố nào, bạn có thể kiểm tra phần tử bằng firebug:
Nhấp vào việc này sẽ mở ngăn FireBug ở dưới cùng của trình duyệt:
FireBug cung cấp một số tính năng nhưng cái chúng tôi quan tâm là tab Script. Nhấp vào tab Script Mở cửa sổ này:
Rõ ràng, để gỡ lỗi, bạn cần nhấp vào tải lại:
Bây giờ bạn có thể thêm các điểm dừng bằng cách nhấp vào dòng ở bên trái của đoạn mã JavaScript bạn muốn thêm điểm dừng vào:
Khi điểm dừng của bạn bị đánh, nó sẽ trông giống như bên dưới:
Bạn cũng có thể thêm các biến đồng hồ và thường làm mọi thứ mà bạn mong đợi trong một công cụ gỡ lỗi hiện đại.
Để biết thêm thông tin về các tùy chọn khác nhau được cung cấp trong Firebug, hãy xem Câu hỏi thường gặp về Firebug.
Trình duyệt Chrome
Chrome cũng có tùy chọn gỡ lỗi JavaScript được xây dựng, hoạt động theo cách rất giống nhau, nhấp chuột phải, phần tử kiểm tra, v.v., hãy xem các công cụ của nhà phát triển Chrome. Tôi thường tìm thấy dấu vết ngăn xếp trong chrome tốt hơn Firebug.
trình duyệt web IE
Nếu bạn đang phát triển trong .NET và sử dụng Visual Studio bằng môi trường phát triển web, bạn có thể gỡ lỗi mã JavaScript trực tiếp bằng cách đặt các điểm dừng, v.v ... Mã JavaScript của bạn trông giống hệt như khi bạn đang gỡ lỗi mã C# hoặc VB.NET của mình.
Nếu bạn không có điều này, Internet Explorer cũng cung cấp tất cả các công cụ được hiển thị ở trên. Thật khó chịu, thay vì có nhấp chuột phải kiểm tra các tính năng của phần tử của Chrome hoặc Firefox, bạn truy cập các công cụ nhà phát triển bằng cách nhấn F12. Câu hỏi này bao gồm hầu hết các điểm.F12. This question covers most of the points.
Cải thiện bài viết
Lưu bài viết
Gỡ lỗi là điều cần thiết bởi vì có nhiều lỗi không đưa ra bất kỳ loại tin nhắn nào để tìm ra rằng chúng tôi gỡ lỗi mã và tìm ra điểm còn thiếu.
Ví dụ 1: & nbsp; sử dụng phương thức Console.log []console.log[] Method
Trong đó, chúng ta có thể tìm ra lỗi bằng cách giải quyết mã ở nhiều nơi khác nhau. Sử dụng bảng điều khiển là một trong những cách dễ sử dụng để gỡ lỗi mã trong JavaScript. Trong trình duyệt của chúng tôi, bảng điều khiển là giao diện dòng lệnh giúp thực thi các đoạn mã. Vì vậy, chúng tôi có thể sử dụng chức năng này để in dữ liệu của chúng tôi và xem chính xác những gì đã sai.
HTML