2013-07-05 30 views
24

Tôi muốn kiểm tra các yếu tố trong trang của mình đang phát triển biến mất ngay sau khi chuột rời khỏi chúng. Fot này và kịch bản khác tôi muốn một cái gì đó giống như một "vô hiệu hóa JS" plugin hoặc giao diện điều khiển lệnh, mà không chỉ làm việc tại thời gian tải trang, nhưng hoàn toàn có thể ngăn chặn bất kỳ và mọi js của trang hiện tại bất cứ lúc nào.Cách cố ý cố định javascript trong chrome (plugin/console)

Giải pháp như vậy có tồn tại không? Tôi thích chrome, nhưng chấp nhận firefox. Cảm ơn.

+1

Đó không phải là puropose của các công cụ dev, cụ thể là "trình gỡ lỗi" bên trong chrome? –

+3

@ Lilith2k3 Tôi nghĩ rằng vấn đề mà anh ta gặp phải là bạn phải sử dụng chuột để sử dụng trình gỡ lỗi và điều đó khiến cho việc gỡ lỗi các kịch bản xử lý sự kiện chuột trở nên khó khăn. – Barmar

+2

http://stackoverflow.com/questions/1265623/programmatically-stop-javascript-execution-in-firefox-firebug – user2357112

Trả lời

9

Hãy thử sử dụng chỉ thị debugger; (relevant MDN article). Điều này hoạt động như một điểm ngắt và sẽ giúp bạn gỡ lỗi các tập lệnh của mình bằng bảng điều khiển dành cho nhà phát triển thông thường.

+0

Cảm ơn bạn, điều đó đã làm việc ra cũng giống như tôi cần: 1) Mở console, gõ 'gỡ rối; ' 2) Nhấn F8 để nhả tạm dừng. 3) Sử dụng chuột để đặt bất kỳ trạng thái nào được ghi chú 4) Không cần rời chuột, nhấn F8 lần nữa để chuyển tiếp tập lệnh. Các yếu tố nhấp chuột để kiểm tra không hoạt động khi bị tạm dừng nhưng vẫn hoạt động từ tab yếu tố. –

36

gì làm việc cho tôi để tạm dừng thực hiện:

  1. mở Chrome javascript console (Ctrl + Shift + J)
  2. Đến "nguồn"
  3. Ở bên phải, nhấp vào ít biểu tượng "tạm dừng" hoặc nhấn F8 để tạm dừng thực thi tập lệnh.

Bạn cũng có thể đặt trong "điểm ngắt" trong cùng một bảng điều khiển. Thử cách sau để sử dụng breakpoint:

  1. mở Chrome javascript console (Ctrl + Shift + J)
  2. Đến "nguồn"
  3. Ở bên phải, nhấp vào ít biểu tượng "tạm dừng", hoặc nhấn F8 đến tạm dừng thực thi tập lệnh.
  4. Bây giờ bạn có thể nhấp vào "Bước", "Bước vào", vv các chức năng ở phía bên phải để từ từ bước vào mã, từng dòng.
  5. Bạn cũng có thể nhấp vào số dòng cho bất kỳ nguồn nào để thêm điểm ngắt. Các điểm ngắt sẽ dừng việc thực thi mã khi nó đạt được. Bạn có thể bật/tắt các điểm ngắt ở bên phải bên cạnh các nút khác được đề cập ở trên.
+2

Cool, cảm ơn rất nhiều :) Đây là câu trả lời hay nhất. –

+1

Cảm ơn thông tin. Tôi luôn gặp khó khăn khi cố gắng kiểm tra các yếu tố tạo ra js được kích hoạt khi di chuột. Không còn nữa. :) – lithiumlab

Các vấn đề liên quan