Cách đặt điểm ngắt trên chức năng JS được rút gọn trong Chrome hoặc Safari?

Question

Tôi muốn đặt điểm ngắt trong chức năng "Cart.add" trong trình gỡ lỗi JavaScript của Chrome hoặc Safari. Vấn đề là, hàm này được định nghĩa trong một tệp JS được rút gọn lớn và không tồn tại trên một dòng của chính nó. Một số tài liệu nói rằng các trình gỡ rối dựa trên WebKit hỗ trợ các lệnh "ngắt" hoặc "gỡ lỗi" trong bảng điều khiển gỡ lỗi, nhưng các lệnh này dường như không hoạt động trong các phiên bản trình gỡ lỗi mới hơn.

Đặt điểm ngắt trên đường đó dòng của tệp JS không hoạt động vì có nhiều chức năng trên dòng đó.

Mọi đề xuất?

Answer 1

debugger statement có lẽ là những gì bạn đang tìm kiếm.

Đánh giá sản xuất Gỡ lỗiStatement có thể cho phép triển khai gây ra điểm ngắt khi chạy dưới trình gỡ lỗi. Nếu trình gỡ rối không có mặt hoặc đang hoạt động, câu lệnh này không có hiệu ứng quan sát được.

Việc sản xuất DebuggerStatement: debugger ; được đánh giá như sau:

1. Nếu thực hiện được xác định cơ sở gỡ lỗi có sẵn và được kích hoạt, sau đó

   a. Thực hiện một hành động gỡ lỗi được xác định thực hiện.

   b. Cho kết quả là giá trị hoàn thành được xác định.

2. Khác

   a. Hãy để kết quả là (bình thường, trống rỗng, trống rỗng).

3. Kết quả trả về.

Các break tuyên bố là cho vòng thoát và switch báo cáo và không có gì để làm với gỡ lỗi.

Các giải pháp thực tế mặc dù là không bugger mã của bạn ở nơi đầu tiên :)

Answer 2

Trong Chrome khi bạn mở Scripts tab bạn có thể tô điểm tập tin được lựa chọn bằng cách nhấp vào nút { } ("Pretty in") ở phía dưới . Sau đó bạn có thể tìm thấy đường dây của bạn và thiết lập một điểm ngắt. Mã sẽ vẫn được tạo sẵn với các điểm ngắt tại chỗ sau khi làm mới trang.

Answer 3

Nếu bạn đã lưu trang web, hãy làm đẹp tệp js của bạn bằng cách sử dụng jsbeautifier.org định dạng toàn bộ tập lệnh của bạn. Sau đó, thay thế nội dung js của bạn bằng phiên bản đẹp. Từ đây, bạn có thể gỡ lỗi JS của mình dễ dàng