12 Nov

Debug trong Javascript 4.50/5 (90.00%) 2 votes

Cũng giống như mọi ngôn ngữ khác, javascript cũng có hệ thống debug riêng của mình.Hôm nay hocthietkeweb.net sẽ giới thiệu với các bạn về debug trong Javascript.

 


Hiện nay có khá nhiều loại trình duyệt tốt như chrome, firefox, safari, opera,… Tuy nhiên có 2 loại trình duyệt mà theo ý kiến chủ quan của tôi là được nhiều người sử dụng nhất đó là google chrome và firefox. Đối với chrome để bật công cụ debug javascript, các bạn chỉ việc nhấn tổ hợp phím Ctrl+Shift+J, chọn mục console. Còn đối với firefox, các bạn cần cài đặt công cụ firebug. Sau khi cài đặt, bạn sẽ thấy biểu tượng firebug ở ngay cạnh thanh URL

hINH 1

 

Hình sau khi chọn Console:

hINH 1

 

B1: Tạo file bai12.html, nhập đoạn code sau

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bài 12 - Debug trong Javascript</title>
</head>
<body>
<script type="text/javascript" language="javascript">
//Khai báo biến foo
var foo = "Hello there!";
//In biến foo ra bảng console bằng lệnh console.log()
console.log(foo);
demo();
</script>
</body>
</html>

B2: Mở file với trình duyệt

vietobject-javascript-debug2

Nguồn:vietobject.com