Debug javascript bằng firefox


Trong Firefox có 1 Add-ons hổ trợ cho việc debug javasciprt là Firebug. Trước tiên bạn phải cài đặt Firebug. Sau khi cài đặt bạn sẽ thấy như sau:

Nếu firebug chưa được enable thì bạn enable firebug lên, click vào Enable FirebugEnable Firebug for local files (như trong hình).

Để bắt đầu debug, bạn chọn tab Script như hình dưới :

Khi đó bạn sẽ thấy code javascript mà bạn đã viết. Muốn debug dòng nào bạn click phải ngay dòng đó và chọn Set Breakpoint. Bạn dùng F10 và F11 để debug như trong VS (F10: debug từng dòng, F11: nhảy vào hàm con).

Trong cửa sổ Watch bên phải dùng xem giá trị, thông tin của biến, muốn xem biến nào bạn chỉ việc add tên biến vào. Trong hình mình xem giá trị của i.

Nếu như tại dòng bạn debug bị lỗi thì bạn sẽ thấy breakpoint chuyển thành màu đỏ, khi đó chọn tab Console để nhảy đến dòng bị lỗi.

PS : Cách debug này mình tìm hiểu từ moodle môn học + 1 chút “grope” , thấy nó có ích cho những ai mới học như mình nên share với mọi người

from blog thu thua

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: