Làm cách nào để gỡ lỗi sự kiện nhấp chuột javascript cụ thể?

Question

Trên trang thời tiết yahoo, có liên kết được gắn nhãn là C thay đổi đơn vị nhiệt độ từ Fahrenheit thành Celsius.

Tôi đang tìm cách gỡ lỗi hành động này và hiểu javascript được thực thi đằng sau những cảnh chuyển đổi F thành C. Cách gỡ lỗi những thứ đó là gì?

Liên kết: http://weather.yahoo.com/?w=2295401

Answer 1

Sử dụng Google Chrome,

1. Right Click vào một mục mà đang thay đổi 'bằng mắt' khi hành động mà bạn muốn gỡ lỗi xảy ra, và nhấp vào 'Kiểm tra Element '. Trong trường hợp này chúng ta có thể kiểm tra giá trị nhiệt độ

2. Right Click một lần nữa trên các yếu tố từ giao diện DOM và chọn Break trên -> Các thuộc tính điều chỉnh

3. Bây giờ thực hiện các hành động mà bạn muốn gỡ lỗi (trong trường hợp này nhấp chuột mục ° C)

bạn sẽ nhận thấy rằng mã sẽ 'Pause' và bạn có thể gỡ lỗi mã trong trình gỡ lỗi

Trong trường hợp này tuy nhiên, các mã được nén/minified vì thế nó sẽ rất khó khăn để hiểu điều gì đang thực sự xảy ra, nhưng phương pháp tương tự có thể được sử dụng cho các tình huống tương tự khác

Cập nhật:

Watch this Chrome Dev Công cụ video cho rất nhiều mẹo gỡ lỗi hữu ích: http://www.youtube.com/watch?v=BaneWEqNcpE