Gỡ lỗi JavaScript
Lỗi có thể (sẽ) xảy ra mỗi khi bạn viết một số mã máy tính mới.
Gỡ lỗi mã
Mã lập trình có thể chứa lỗi cú pháp hoặc lỗi logic.
Nhiều lỗi trong số này rất khó chẩn đoán.
Thông thường, khi mã lập trình có lỗi thì sẽ không có gì xảy ra. Không có thông báo lỗi và bạn sẽ không nhận được chỉ dẫn nào về nơi tìm kiếm lỗi.
Việc tìm kiếm (và sửa) lỗi trong mã lập trình được gọi là gỡ lỗi mã.
Trình gỡ lỗi JavaScript
Gỡ lỗi không phải là dễ dàng. Nhưng may mắn thay, tất cả các trình duyệt hiện đại đều có trình gỡ lỗi JavaScript tích hợp.
Trình gỡ lỗi tích hợp có thể được bật và tắt, buộc người dùng phải báo cáo lỗi.
Với trình gỡ lỗi, bạn cũng có thể đặt điểm dừng (nơi có thể dừng việc thực thi mã) và kiểm tra các biến trong khi mã đang thực thi.
Thông thường (nếu không hãy làm theo các bước ở cuối trang này), bạn kích hoạt gỡ lỗi trong trình duyệt của mình bằng phím F12 và chọn "Bảng điều khiển" trong menu trình 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ị các giá trị JavaScript trong cửa sổ trình gỡ lỗi:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Hãy tự mình thử » Mẹo: Đọc thêm về phương thức console.log()
trong Tài liệu tham khảo về Bảng điều khiển JavaScript của chúng tôi.
Đặt điểm dừng
Trong cửa sổ trình 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ẽ ngừng thực thi và cho phép bạn kiểm tra các giá trị JavaScript.
Sau khi kiểm tra các giá trị, bạn có thể tiếp tục thực thi mã (thường bằng nút phát).
Từ khóa trình gỡ lỗi
Từ khóa trình debugger
dừng việc thực thi JavaScript và gọi (nếu có) chức năng gỡ lỗi.
Điều này có chức năng tương tự như đặt điểm ngắt trong trình gỡ lỗi.
Nếu không có bản sửa lỗi nào thì câu lệnh gỡ lỗi sẽ không có hiệu lực.
Khi trình gỡ lỗi được bật, mã này sẽ ngừng thực thi trước khi thực thi dòng thứ ba.
Công cụ gỡ lỗi của các trình duyệt chính
Thông thường, bạn kích hoạt gỡ lỗi trong trình duyệt của mình bằng F12 và chọn "Bảng điều khiển" trong menu trình gỡ lỗi.
Nếu không hãy làm theo các bước sau:
Trình duyệt Chrome
- Mở trình duyệt.
- Từ menu, chọn "Công cụ khác".
- Từ các công cụ, chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng chọn Bảng điều khiển.
Firefox
- Mở trình duyệt.
- Từ menu, chọn "Nhà phát triển web".
- Cuối cùng, chọn "Bảng điều khiển web".
Bờ rìa
- Mở trình duyệt.
- Từ menu, chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng, chọn "Bảng điều khiển".
Opera
- Mở trình duyệt.
- Từ menu, chọn "Nhà phát triển".
- Từ "Nhà phát triển", chọn "Công cụ dành cho nhà phát triển".
- Cuối cùng, chọn "Bảng điều khiển".
Cuộc đi săn
- Đi tới Safari, Tùy chọn, Nâng cao trong menu chính.
- Chọn "Bật hiển thị menu Phát triển trong thanh menu".
- Khi tùy chọn mới "Phát triển" xuất hiện trong menu:
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 (lỗi) trong chương trình máy tính.
Lỗi máy tính đầu tiên được biết đến là một lỗi thực sự (một loại côn trùng) mắc kẹt trong thiết bị điện tử.