Chrome 디버거에서 JavaScript 코드를 단계별로 실행할 때 계속하지 않으려면 어떻게 스크립트 실행을 종료합니까? 내가 찾은 유일한 방법은 브라우저 창을 닫는 것입니다.

"Reload this page"를 누르면 나머지 코드가 실행되고 F8 "Continue"를 누른 것처럼 양식을 제출합니다.

업데이트 :

스크립트가 일시 정지 된 상태에서 F5 (새로 고침)를 누르면 :

• Chrome (v22)은 스크립트를 실행합니다. 스크립트가 HTTP 요청을 제출하면 해당 요청에 대한 HTTP 응답이 표시됩니다. 원본 페이지가 새로 고쳐지지 않습니다.
• IE 9는 멈 춥니 다. 그러나 IE에는 "Stop Debugging"옵션이 있는데,이 버튼을 누르면 (F5를 누르지 않은 경우) 디버거 외부에서 스크립트를 계속 실행합니다.
• Firebug는 Chrome과 동일하게 작동합니다.

브라우저 창을 닫았다가 다시 여는 것이 브라우저 세션 상태를 종료시키고 중요 할 수 있기 때문에 항상 다음으로 가장 쉬운 방법은 아닙니다. 모든 중단 점도 손실됩니다.

업데이트 (2014 년 1 월) :

디버깅하는 동안 새로 고침 :

• Chrome v31 : 추가 중단 점에서 스크립트를 실행하고 중지 한 다음 (아약스 요청을 제출하지 않음) 새로 고칩니다.
• IE 11 : 새로 고침은 아무 것도 수행하지 않지만 F5를 눌러 계속할 수 있습니다.
• Firefox v26 : 스크립트 실행을 허용하지만 추가 중단 점에서 중지하지 않고 ajax 요청을 제출 한 다음 새로 고칩니다.

진보의 종류!

디버깅하는 동안 동일한 페이지로 이동하십시오.

• Chrome v31 : 새로 고침과 동일합니다.
• IE 11 : 스크립트가 종료되고 새 브라우저 세션이 시작됩니다 (닫았다가 다시 여는 것과 동일).
• Firefox v26 : 아무 일도 일어나지 않습니다.

또한 juacala 는 효과적인 해결 방법을 제안했습니다. 예를 들어, jQuery를 사용하는 경우 콘솔에서 delete $ 를 실행하면 jQuery 메소드가 발견되면 실행이 중지됩니다. 위의 모든 브라우저에서 테스트했으며 작동하는지 확인할 수 있습니다.

업데이트 (2015 년 3 월) :

마지막으로 2 년이 넘고 거의 10 만 회의 조회 후 Alexander K가 정답을 올렸습니다. Chrome에는 자체 작업 관리자가 있어 탭 자체 를 닫지 않고도 탭 프로세스 를 종료하여 모든 중단 점 및 기타 사항을 그대로 유지할 수 있습니다.

Chrome v22에서 브라우저를 테스트하기 위해 BrowserStack.com까지 갔으며 그 당시에도 이런 방식으로 작동한다는 것을 알았습니다.

Juacala의 해결 방법은 IE 또는 Firefox에서 디버깅 할 때 여전히 유용합니다.

업데이트 (2019 년 1 월) :

Chrome 개발자 도구는 마침내 스크립트 실행을 중지하는 적절한 방법을 추가했습니다 (약간 숨겨져 있지만). 자세한 내용은 James Gentes의 답변을 참조하십시오.

Chrome에는 "작업 관리자"가 있으며 Shift+ ESC또는

메뉴 → 추가 도구 → 작업 관리자

"작업 끝내기"버튼을 눌러 페이지 작업을 선택하고 종료 할 수 있습니다.

현재 2018년 4월, 당신은 크롬에서 무한 루프를 중지 할 수 있습니다 :

1. 오픈 소스 개발자 도구 패널 ( Ctrl+ Shift+ I**)를.
2. 스크립트 실행 을 일시 중지 하려면 일시 중지 버튼을 클릭하십시오 .

또한 바로 가기 키를주의 : F8및 Ctrl+\

이를 수행 할 수있는 한 가지 방법은 스크립트를 일시 중지하고 현재 중지 된 곳에서 어떤 코드가 뒤에 오는지 확인하는 것입니다. 예 :

var something = somethingElse.blah;

콘솔에서 다음을 수행하십시오.

delete somethingElse;

그런 다음 스크립트를 재생하십시오. 액세스하려고하면 치명적인 오류가 발생 somethingElse하고 스크립트가 종료됩니다. Voila, 당신은 스크립트를 종료했습니다.

편집 : 원래 변수를 삭제했습니다. 충분하지 않습니다. JavaScript가 속성에 액세스하려고하는 함수 또는 객체를 삭제해야합니다.

2020 년 4 월 업데이트

Chrome 80부터 현재 답변이 작동하지 않습니다. "일시 정지"버튼이 보이지 않습니다. "재생"버튼을 길게 클릭하여 중지 아이콘에 액세스해야합니다.

debugger명령문 을 사용하는 동안이 문제가 발생하면

debugger;

... 그런 다음 js 런타임이 나올 때까지 또는 다음 중단 때까지 페이지가 계속 실행될 것이라고 생각합니다. 오류시 중단 모드 (일시 중지 아이콘 전환)에 있다고 가정하면 다음과 같이 대신 중단이 발생하도록 할 수 있습니다.

debugger;throw 1;

또는 존재하지 않는 함수를 호출 할 수 있습니다.

debugger;z();

(물론 이것은 당신이 비록 아마 당신이 동적으로 추가 할 수 있습니다, 함수를 통해 단계를 시도하는 경우에 도움이되지 않는 가운데 throw 1하거나 z()또는 소스 패널에서 somesuch, CTRL-S는 저장하고 Ctrl-R은 ...이 새로 고침 그러나 하나의 중단 점을 건너 뛸 수 있지만 루프 상태 인 경우 작동 할 수 있습니다.)

루프를 수행하고 debugger명령문을 다시 트리거하려면 throw 1대신 입력하십시오 .

throw 1;

그런 다음 ctrl-R을 누르면 다음 던지기가 발생하고 페이지가 새로 고쳐집니다.

(2017 년 4 월경 Chrome v38에서 테스트)

좋은 질문입니다. 스크립트 실행을 종료 할 수 없다고 생각합니다. 나는 그것을 찾지 못했지만 크롬 디버거를 오랫동안 사용했습니다. 나는 보통 자바 스크립트 코드에 중단 점을 설정 한 다음 관심있는 코드 부분을 디버깅한다. 해당 코드 디버깅을 마치면 보통 프로그램의 나머지 부분을 실행하거나 브라우저를 새로 고침한다.

스크립트의 나머지 부분이 실행되는 것을 방지하려면 (예 : AJAX 호출로 인해) 콘솔에서 해당 코드를 즉시 제거하여 해당 호출을 방지 할 수 있습니다 실행 되지 않으면 나머지 코드를 문제없이 실행할 수 있습니다.

이게 도움이 되길 바란다!

추신 : 다음 자습서와 같은 일부 자습서 / 안내서에서 실행을 종료하는 옵션을 찾으려고했지만 찾을 수 없었습니다. 앞서 말했듯이, 아마도 그러한 옵션이 없을 것입니다.

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

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

@scottndecker의 다음 질문에 대한 답변을 참조 하면 Chrome은 이제 개발자 도구에서 'JavaScript 비활성화'옵션을 제공합니다.

• ...오른쪽 상단의 세로
• 설정
• '환경 설정'에서 맨 아래의 '디버거'섹션으로 이동하여 'JavaScript 비활성화'를 선택하십시오.

좋은 점은 체크 / 체크 해제하는 것만으로 중지했다가 다시 실행할 수 있다는 것입니다.

할 수는 있지만 먼저 코드를 준비해야합니다.

Chrome 개발자 도구에서 스크립트 실행을 중지하기위한 지침 :

(1) 전역 변수 를 작성하여 먼저 코드를 준비하십시오 .

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

(2) 종료하고 싶을 때이 변수의 값을 테스트하십시오.

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

(3) 위의 테스트 라인 이전 또는 이전에 스크립트 실행 일시 중지

(4) 콘솔로 전환

(5) 유형 :

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

(6) 스크립트 실행을 계속하십시오. return false위의 2 단계에서 테스트를 실행할 때 스크립트가

노트:

(A)이 트릭은 전역 변수 및 객체에는 작동하지만 지역 변수에는 작동하지 않습니다. 이 것을 참고 :
newVar = 'never used before';
창 개체의 새 속성을 생성합니다 (위의 트릭 작품), 이 동안 :
var newVar = 'never used before';
로컬 변수를 생성한다 (! 않습니다 위의 트릭하지 작업)

(B) 따라서 전역 변수 또는 주어진 값이 있으면 false를 반환하는 객체가있는 경우 이미 실행중인 코드와 함께이 트릭을 사용할 수 있습니다 .

(C) 핀치에서 juacala의 트릭을 사용하고 요소 탭의 DOM에서 요소를 삭제하여 Javascript 오류가 발생할 수 있습니다. 예를 들어, 코드가 있다고 가정하면 해당 코드 행 앞에 var cartype = $('#cartype').val();ID = 인 요소를 삭제하면 cartype해당 행에서 js가 중단됩니다. 그러나 코드를 다시 실행하려고하면 요소가 여전히 누락됩니다. 위에서 설명한 트릭을 사용하면 코드 광고를 무한대 로 실행하고 다시 실행할 수 있습니다 .

더 많은 메모 :

(a) 코드에 중단 점 삽입 : debugger;한 줄만 입력 하면됩니다. DevTools가 열려 있으면 스크립트가 해당 시점에서 디버거로 이동합니다. DevTools가 열리지 않으면 코드는 명령문을 무시합니다.

(b) 코드를 디버깅 할 때 jQuery 라이브러리로 점프하지 않으시겠습니까? 블랙 박스 Chrome 또는 Firefox 용 블랙 박스 안내를 참조 하세요.

감사 (방문 및 투표) :

Chrome을 사용하여 한 줄씩 자바 스크립트 디버깅

Chrome에서 디버깅하는 동안 자바 스크립트 변수 값을 변경할 수 있습니까?

이러한 종류의 시나리오를 디버깅하는 동안 매우 유용한 XHR 패턴을 일시 중지 할 수 있습니다.

예를 들어 "/"를 포함하는 URL 패턴에 중단 점을 지정했습니다.

불량 루프가있는 경우 Chrome 디버거 ( ||소스 탭 의 작은 " "버튼) 에서 코드를 일시 중지하십시오 .

Chrome으로 다시 전환하고 "작업 관리자"( Shift+ ESC)를 열고 탭을 선택한 다음 "프로세스 종료"버튼을 클릭하십시오.

Aww Snap 메시지가 표시되면 다시로드 할 수 있습니다 ( F5).

다른 사람들이 지적했듯이, 일시 중지 시점에 페이지를 다시로드하는 것은 불량 루프를 다시 시작하는 것과 동일하며 디버거가 잠긴 경우 불쾌한 잠금을 유발할 수 있습니다 (일부 경우 크롬 또는 PC를 다시 시작하게 함). 디버거에는 "중지"버튼이 필요합니다. Nb : 현재 답변 중 일부는 현재 틀렸다는 점에서 구식입니다. 당신이 저를 투표하면, pls는 설명 :) .

'개발자 도구'에서 소스 탭을 열고 실행중인 스크립트에서 줄 번호를 클릭하면 중단 점이 생성되고 디버거가 중단됩니다.

이 게시물에서 위에서 언급 한 것처럼이 문제에 대한 적절한 해결책이 많이 있지만 스크립트에서 삽입하거나 Chrome 콘솔 (디버거)에 붙여 넣을 수있는 작은 해킹을 발견했습니다.

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

이렇게하면를 누를 때 실행이 일시 중지됩니다 F12.