Có cách nào để bỏ qua mã jQuery/Backbone/Underscore, khi bước qua JS với trình gỡ rối không?

Question

Khi sử dụng trình gỡ lỗi Chrome để duyệt qua mã trong các ứng dụng JS của tôi, tôi thường thấy mình đang lướt qua mã backbone/underscore/jQuery mà tôi không quan tâm. Có cách nào để bước qua mã của tôi, nhưng có mã bỏ qua trình gỡ rối là một phần của các thư viện này không?

Answer 1

Trong hầu hết các trình gỡ rối, bạn có một "Bước ra" (của chức năng hiện tại), vì vậy bạn có thể sử dụng bất cứ khi nào bạn bước vào các cấp cao nhất của thư viện bạn muốn bỏ qua.

CHỈNH SỬA: Btw, bước ra từ vị trí hiện tại đến sự trở lại trong hàm hiện tại. Tôi đã không sử dụng debuggers quá nhiều, vì vậy tôi không thể nói những gì sẽ xảy ra nếu bạn bước ra khỏi một chức năng với các cuộc gọi không đồng bộ trong nó. Tôi chỉ có thể tưởng tượng nó sẽ thoát khỏi chức năng và cuộc gọi async sẽ đi về kinh doanh của nó trong khi bạn bước vào cái gì khác.

Answer 2

Tôi vừa dành ba ngày sống bên trong trình gỡ lỗi của chrome để thực hiện chính xác việc này.

Bí quyết là đặt điểm ngắt và dòng tiếp theo sau mã Backbone/jQuery/Underscore và F8 khi bạn đến đó.

Giống như

for(_(obj).each(function(v,k,l){ 
    console.log(k,v,l); 
}); 

Đặt breakpoint của bạn trên dòng for và console dòng. F11 xuống đến dòng, sau đó F8 và sau đó tiếp tục bước của bạn.

Đó là một chút khó khăn để thiết lập nhưng kể từ khi bật tắt các điểm ngắt dễ dàng hơn là đặt chúng ban đầu khi bạn có thiết lập dễ bảo trì.