Hướng dẫn block developer tools javascript
Giới thiệuTrước khi bắt đầu viết một đoạn code javascript nào, ta nên tìm hiểu về debugging. Hầu hết tất cả các trình duyệt hiện đại đều hỗ trợ debugging - một công cụ giúp lập trình viên tìm và fix các lỗi dễ dàng hơn. Ở đây chúng ta sẽ sử dụng trình duyệt Google Chrome, với Developer Tools mạnh mẽ giúp chúng ta debug code javascipt dễ dàng. Ví dụ demoỞ bài này chúng ta sẽ thực hành debug sử dụng một ví dụ nối chuỗi(String) đơn giản như sau:
index.html
app.js
Mở Chrome Developer Tools
Các phần chính của trình debugger:
Thực hànhOk, bây giờ chúng ta sẽ thực hiện debug ví dụ ở trên nhé 1. Đặt Breakpoints
Ở đây tôi sẽ đặt 2 breakpoints như sau: Bây giờ chúng ta nhập text vào 2 inputs, và click button "Concat" Code javascript bắt đầu thực thi và khi đến breakpoint đầu tiên(line 8), quá trình thực thi sẽ dừng lại, tại đây sẽ có nhiều điều thú vị:
Thêm về Breakpoints:
Kết luậnỞ trên là những khái niệm và quá trình debug 1 app javascript, bạn có thể thực hành và tìm hiểu thêm một số phần nâng cao hơn của Google Deverloper Tools Debugging nhé. Nếu bạn cảm thấy những phần ở trên là phức tạp thì có thể sử dụng câu lệnh thần thánh Mong rằng bài viết này sẽ có ích cho các bạn. Cảm ơn các bạn đã dành thời gian để đọc. |