Khi bước qua mã JavaScript trong trình gỡ lỗi Google Chrome, làm cách nào để chấm dứt thực thi tập lệnh nếu tôi không muốn tiếp tục? Cách duy nhất tôi tìm thấy là đóng cửa sổ trình duyệt.

Nhấn "Tải lại trang này" sẽ chạy phần còn lại của mã và thậm chí gửi biểu mẫu như thể nhấn F8 "Tiếp tục".

CẬP NHẬT :

Khi nhấn F5 (Làm mới) trong khi tập lệnh bị tạm dừng:

• Google Chrome (v22) chạy tập lệnh. Nếu tập lệnh gửi yêu cầu HTTP, phản hồi HTTP cho yêu cầu đó được hiển thị. Trang gốc không được làm mới.
• IE 9 chỉ đóng băng. Tuy nhiên IE có tùy chọn "Dừng gỡ lỗi", khi được nhấn (với điều kiện bạn không nhấn F5 trước đó), sẽ tiếp tục chạy tập lệnh bên ngoài trình gỡ lỗi.
• Firebird hành xử giống hệt với Chrome.

Đóng và sau đó mở lại cửa sổ trình duyệt không phải lúc nào cũng là cách dễ nhất tiếp theo bởi vì nó sẽ giết trạng thái phiên của trình duyệt và điều đó có thể quan trọng. Tất cả các điểm dừng của bạn cũng bị mất.

CẬP NHẬT (tháng 1 năm 2014) :

Làm mới trong khi gỡ lỗi:

• Chrome v31: cho phép các tập lệnh chạy và dừng trên các điểm dừng tiếp theo (nhưng không gửi yêu cầu ajax), sau đó làm mới.
• IE 11: refresh không làm gì cả, nhưng bạn có thể nhấn F5 để tiếp tục.
• Firefox v26: cho phép các tập lệnh chạy nhưng không dừng ở các điểm dừng tiếp theo, gửi yêu cầu ajax, sau đó làm mới.

Loại tiến bộ!

Điều hướng đến cùng một trang trong khi gỡ lỗi:

• Chrome v31: giống như Làm mới.
• IE 11: tập lệnh bị chấm dứt, phiên trình duyệt mới được bắt đầu (giống như đóng và mở lại).
• Firefox v26: không có gì xảy ra.

Ngoài ra juacala đề nghị một cách giải quyết hiệu quả. Ví dụ: nếu bạn đang sử dụng jQuery, việc chạy xóa $ từ bảng điều khiển sẽ dừng thực thi khi gặp bất kỳ phương thức jQuery nào. Tôi đã thử nghiệm nó trong tất cả các trình duyệt trên và có thể xác nhận nó đang hoạt động.

CẬP NHẬT (Tháng 3 năm 2015) :

Cuối cùng, sau hơn 2 năm và gần 10 nghìn lượt xem, câu trả lời đúng được đưa ra bởi Alexander K. Google Chrome có Trình quản lý tác vụ riêng có thể giết chết quá trình tab mà không đóng chính tab, giữ nguyên các điểm dừng và các nội dung khác.

Tôi thậm chí đã đi xa như BrowserStack.com để thử nghiệm nó trong Chrome v22 và thấy rằng điều này đang hoạt động theo cách này ngay cả tại thời điểm đó.

Cách giải quyết của Juacala vẫn hữu ích khi gỡ lỗi trong IE hoặc Firefox.

CẬP NHẬT (tháng 1 năm 2019) :

Chrome Dev Tools cuối cùng đã thêm một cách thích hợp để dừng thực thi tập lệnh, điều này thật tuyệt (mặc dù hơi bị ẩn). Tham khảo câu trả lời của James Gentes để biết chi tiết.

Trong Chrome, có "Trình quản lý tác vụ", có thể truy cập qua Shift+ ESChoặc thông qua

Menu → Công cụ khác → Trình quản lý tác vụ

Bạn có thể chọn tác vụ trang của mình và kết thúc nó bằng cách nhấn nút "Kết thúc quá trình".

Kể từ tháng 4 năm 2018, bạn có thể dừng các vòng lặp vô hạn trong Chrome :

1. Mở bảng Nguồn trong Công cụ dành cho nhà phát triển ( Ctrl+ Shift+ I**).
2. Nhấp vào Pause nút để Pause thực hiện kịch bản .

Cũng lưu ý các phím tắt: F8và Ctrl+\

Một cách bạn có thể làm là tạm dừng tập lệnh, xem mã nào theo sau nơi bạn hiện đang dừng, ví dụ:

var something = somethingElse.blah;

Trong bảng điều khiển, làm như sau:

delete somethingElse;

Sau đó phát tập lệnh: nó sẽ gây ra lỗi nghiêm trọng khi cố truy cập somethingElse và tập lệnh sẽ chết. Voila, bạn đã chấm dứt kịch bản.

EDIT: Ban đầu, tôi đã xóa một biến. Đó chưa đủ tốt. Bạn phải xóa một chức năng hoặc một đối tượng mà JavaScript cố gắng truy cập vào một thuộc tính.

Cập nhật tháng 4 năm 2020

Kể từ Chrome 80, không có câu trả lời hiện tại nào hoạt động. Không có nút "Tạm dừng" hiển thị - bạn cần nhấp dài vào nút "Phát" để truy cập biểu tượng Dừng:

Nếu bạn gặp phải điều này trong khi sử dụng debuggercâu lệnh,

debugger;

... sau đó tôi nghĩ rằng trang sẽ tiếp tục chạy mãi cho đến khi thời gian chạy js mang lại hoặc nghỉ tiếp theo. Giả sử bạn đang ở chế độ ngắt kết nối (chuyển đổi biểu tượng tạm dừng), bạn có thể đảm bảo nghỉ xảy ra bằng cách thay vào đó làm một việc như:

debugger;throw 1;

hoặc có thể gọi một hàm không tồn tại:

debugger;z();

(Tất nhiên điều này không hữu ích nếu bạn đang cố gắng thực hiện các chức năng, mặc dù có lẽ bạn có thể tự động thêm vào một throw 1hoặcz() hoặc somesuch trong bảng Nguồn, ctrl-S để lưu và sau đó ctrl-R để làm mới ... điều này tuy nhiên có thể bỏ qua một điểm dừng, nhưng có thể hoạt động nếu bạn đang ở trong một vòng lặp.)

Nếu bạn đang thực hiện một vòng lặp và mong muốn kích hoạt lại debuggercâu lệnh, bạn chỉ có thể gõ throw 1thay thế.

throw 1;

Sau đó, khi bạn nhấn ctrl-R, lần ném tiếp theo sẽ được nhấn và trang sẽ được làm mới.

(đã thử nghiệm với Chrome v38, vào khoảng tháng 4 năm 2017)

Câu hỏi hay ở đây. Tôi nghĩ bạn không thể chấm dứt thực thi tập lệnh. Mặc dù tôi chưa bao giờ tìm kiếm nó, tôi đã sử dụng trình gỡ lỗi chrome trong một thời gian khá dài tại nơi làm việc. Tôi thường đặt các điểm dừng trong mã javascript của mình và sau đó tôi gỡ lỗi phần mã tôi quan tâm. Khi tôi gỡ lỗi mã đó, tôi thường chỉ chạy phần còn lại của chương trình hoặc làm mới trình duyệt.

Nếu bạn muốn ngăn phần còn lại của tập lệnh được thực thi (ví dụ do các cuộc gọi AJAX sẽ được thực hiện) , điều duy nhất bạn có thể làm là xóa mã đó trong bảng điều khiển nhanh chóng, do đó ngăn các cuộc gọi đó từ việc được thực thi , sau đó bạn có thể thực thi mã còn lại mà không gặp vấn đề gì.

Tôi hi vọng cái này giúp được!

PS: Tôi đã cố gắng tìm ra một tùy chọn để chấm dứt thực thi trong một số hướng dẫn / hướng dẫn như những điều sau đây, nhưng không thể tìm thấy nó. Như tôi đã nói trước đây, có lẽ không có lựa chọn như vậy.

http://www.codeproject.com/Articles/273129/Beginner-Guide-to-Page-and-Script-Debugging-with-C

http://www.nsbasic.com/app/tutorials/TT10.htm

Đề cập đến câu trả lời được đưa ra bởi @scottndecker cho câu hỏi sau đây , chrome hiện cung cấp tùy chọn 'vô hiệu hóa JavaScript' trong Công cụ dành cho nhà phát triển:

• Theo chiều dọc ... ở phía trên bên phải
• Cài đặt
• Và trong phần 'Tùy chọn', đi đến phần 'Trình gỡ lỗi' ở dưới cùng và chọn 'Tắt JavaScript'

Điều tốt là bạn có thể dừng và chạy lại chỉ bằng cách kiểm tra / bỏ chọn nó.

Bạn có thể làm điều đó, nhưng bạn phải chuẩn bị mã của bạn trước.

Hướng dẫn tạm dừng thực thi tập lệnh trong Google Chrome Dev Tools:

(1) Chuẩn bị mã của bạn trước, bằng cách tạo một biến toàn cục:

var devquit=0;
$(document).ready({
    //the rest of your code

(2) Bất kỳ nơi nào bạn muốn thoát, hãy kiểm tra giá trị của biến này:

//Lotsa code
if (devquit > 0) return false;

(3) Tạm dừng thực thi tập lệnh trên hoặc trước dòng thử nghiệm ở trên

(4) Chuyển sang bàn điều khiển

(5) Loại:

> devquit
0
> devquit=1   <=== only this line is necessary
> devquit
1

(6) Tiếp tục thực thi tập lệnh. Script sẽ return falsekhi nó thực hiện kiểm tra từ bước (2) ở trên

Ghi chú:

(A) Thủ thuật này hoạt động với các biến và đối tượng toàn cầu, nhưng nó sẽ không hoạt động với các biến cục bộ. Lưu ý rằng:
newVar = 'never used before';
tạo một thuộc tính mới của đối tượng cửa sổ (hoạt động với thủ thuật trên), trong khi điều này:
var newVar = 'never used before';
tạo một biến cục bộ (KHÔNG hoạt động với thủ thuật trên!)

(B) Vì vậy, bạn vẫn có thể sử dụng thủ thuật này với mã đã chạy nếu bạn có một biến toàn cục hoặc một đối tượng sẽ trả về false nếu nó có một giá trị nhất định.

(C) Trong một nhúm, bạn có thể sử dụng thủ thuật của juacala và xóa một phần tử khỏi DOM (trên tab phần tử) sẽ gây ra lỗi javascript. Ví dụ: giả sử bạn có mã var cartype = $('#cartype').val();Nếu bạn xóa phần tử có ID = cartypetrước dòng mã đó, thì js sẽ ngắt trên dòng đó. Tuy nhiên, phần tử vẫn sẽ bị thiếu khi bạn cố chạy lại mã. Thủ thuật được mô tả ở trên cho phép bạn chạy và chạy lại mã quảng cáo infinitum.

Ghi chú thêm:

(a) Chèn điểm dừng vào mã: chỉ cần gõ debugger; trên một dòng. Nếu DevTools mở, tập lệnh sẽ nhảy vào trình gỡ lỗi tại thời điểm đó. Nếu DevTools không mở, mã sẽ bỏ qua câu lệnh.

(b) Bạn muốn tránh nhảy vào thư viện jQuery khi gỡ lỗi mã? Hộp đen đó. Xem hướng dẫn hộp đen cho Chrome - hoặc - cho Firefox

Lòng biết ơn (vui lòng truy cập và upvote):

Gỡ lỗi Javascript theo từng dòng bằng Google Chrome

Có thể thay đổi giá trị biến javascript trong khi gỡ lỗi trong Google Chrome không?

Bạn có thể tạm dừng trên bất kỳ mẫu XHR nào mà tôi thấy rất hữu ích trong quá trình gỡ lỗi các loại kịch bản này.

Ví dụ: tôi đã đưa ra điểm dừng trên một mẫu URL có chứa "/"

Nếu bạn có vòng lặp lừa đảo, hãy tạm dừng mã trong trình gỡ lỗi Google Chrome (nhỏ "|| nút " trong khi trong tab Nguồn).

Quay trở lại Chrome, mở "Trình quản lý tác vụ" ( Shift+ESC ), chọn tab của bạn, nhấp vào nút "Kết thúc quá trình".

Bạn sẽ nhận được thông báo Aww Snap và sau đó bạn có thể tải lại ( F5).

Như những người khác đã lưu ý, tải lại trang tại điểm tạm dừng cũng giống như khởi động lại vòng lặp lừa đảo và có thể gây ra các khóa khó chịu nếu trình gỡ lỗi cũng khóa (trong một số trường hợp dẫn đến khởi động lại chrome hoặc thậm chí PC). Trình gỡ lỗi cần nút "Dừng". Nb: Câu trả lời được chấp nhận đã lỗi thời vì một số khía cạnh của nó hiện đang sai. Nếu bạn bỏ phiếu cho tôi xuống, xin vui lòng giải thích :) .

Mở tab nguồn trong 'Công cụ dành cho nhà phát triển', nhấp vào số dòng trong tập lệnh đang chạy, điều này sẽ tạo điểm dừng và trình gỡ lỗi sẽ ngắt ở đó.

Có nhiều giải pháp phù hợp cho vấn đề này như đã đề cập ở trên trong bài đăng này, nhưng tôi đã tìm thấy một bản hack nhỏ có thể được đưa vào tập lệnh hoặc dán trong bảng điều khiển Chromes (trình gỡ lỗi) để đạt được nó:

jQuery(window).keydown(function(e) { if (e.keyCode == 123) debugger; });

Điều này sẽ khiến việc thực thi bị tạm dừng khi bạn nhấn F12.