Gỡ lỗi JavaScript

lỗi sẽ xảy ra, mỗi khi bạn viết một đoạn mã máy tính mới.

Gỡ lỗi JavaScript

Việc viết mã JavaScript không có trình gỡ lỗi là rất khó khăn.

mã của bạn có thể chứa lỗi ngữ pháp hoặc lỗi logic, điều này rất khó chẩn đoán.

thường xuyên, nếu mã JavaScript của bạn chứa lỗi, cũng không có gì xảy ra. Không có thông báo lỗi và không có bất kỳ thông tin chỉ dẫn nào để tìm kiếm lỗi.

thường xuyên, mỗi khi bạn thử viết mã JavaScript mới, có thể xảy ra lỗi.

trình gỡ lỗi JavaScript

Việc tìm kiếm lỗi trong mã lập trình được gọi là gỡ lỗi mã.

gỡ lỗi không đơn giản. Nhưng may mắn là, tất cả các trình duyệt hiện đại đều có trình gỡ lỗi tích hợp.

trình gỡ lỗi tích hợp có thể mở hoặc đóng, buộc báo cáo lỗi cho người dùng.

bằng trình gỡ lỗi, bạn cũng có thể đặt điểm dừng (địa điểm mã bị gián đoạn) và kiểm tra biến trong khi mã được thực hiện.

thường xuyên, bạn có thể khởi động trình gỡ lỗi trong trình duyệt bằng phím F12, sau đó chọn "Console" trong menu gỡ lỗi.

phương thức console.log()

nếu trình duyệt của bạn hỗ trợ gỡ lỗi, bạn có thể sử dụng console.log() Hiển thị giá trị của JavaScript trong cửa sổ gỡ lỗi:

thực thể

<!DOCTYPE html>
<html>
<body>
<h1>Trang web đầu tiên của tôi</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Hãy thử trực tiếp

lưu ý:xin vui lòng truy cập tài liệu tham khảo Console JavaScript của chúng tôi để biết thêm thông tin về phương thức console.log().

đặt điểm dừng

trong cửa sổ gỡ lỗi, bạn có thể đặt điểm dừng trong mã JavaScript.

tại mỗi điểm dừng, JavaScript sẽ dừng việc thực hiện để bạn có thể kiểm tra giá trị của JavaScript.

sau khi kiểm tra giá trị, bạn có thể tiếp tục thực hiện mã.

từ khóa debugger

debugger từ khóa sẽ dừng việc thực hiện JavaScript và gọi hàm gỡ lỗi (nếu có).

điều này tương tự như việc đặt điểm dừng trong trình gỡ lỗi.

nếu trình gỡ lỗi không có sẵndebugger câu lệnh không có hiệu quả.

Nếu trình gỡ lỗi đã mở, mã này sẽ dừng chạy trước khi thực hiện dòng thứ ba.

thực thể

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

Hãy thử trực tiếp

Công cụ gỡ lỗi của trình duyệt phổ biến

Thường thì bạn bật gỡ lỗi bằng phím F12 trong trình duyệt và chọn “Bảng điều khiển” trong menu gỡ lỗi.

Nếu không, hãy làm theo các bước sau:

Chrome

  • Mở trình duyệt
  • Chọn công cụ từ menu
  • Chọn công cụ phát triển từ công cụ
  • Cuối cùng, chọn bảng điều khiển

Firebug Firefox

  • Mở trình duyệt
  • Đi tới trang web: http://www.getfirebug.com
  • Dựa trên các hướng dẫn sau: Cách cài đặt Firebug

Internet Explorer

  • Mở trình duyệt
  • Chọn công cụ từ menu
  • Chọn công cụ phát triển từ công cụ
  • Cuối cùng, chọn bảng điều khiển

Opera

  • Mở trình duyệt
  • Đi tới trang web: http://dev.opera.com
  • Dựa trên các hướng dẫn sau: Cách cài đặt Firebug Lite

Trình duyệt phát triển Safari

  • Nhấp vào Safari, Cài đặt, Cao cấp
  • Chọn “Bật menu phát triển trong thanh menu”
  • Khi menu xuất hiện tùy chọn mới “Phát triển”, chọn “Hiển thị bảng điều khiển lỗi”

Bạn có biết không?

Gỡ lỗi là quá trình kiểm tra, tìm kiếm và giảm thiểu lỗi (bug) trong chương trình máy tính.

Loài bug đầu tiên được biết đến trong lịch sử là một con côn trùng thực sự bị kẹt trong thiết bị điện tử.