크롬의 디버거에서 일시 중지 되었습니까?


131

크롬에서 디버깅 할 때 설정된 브레이크 포인트가 없어도 스크립트는 항상 디버거에서 일시 중지되며 일시 중지가 일시 중지되지 않으면 다시 일시 중지됩니다.

무엇을 할 수 있습니까?


답변:


198

가능한 원인 중 하나는 "예외에서 일시 중지"(창 왼쪽 아래에 일시 중지 (||) 기호가있는 작은 정지 신호 모양의 아이콘)를 활성화했기 때문입니다. 다시 클릭하여 오프 / 그레이 상태 (빨강 또는 파랑 상태가 아님)로 돌아가서 페이지를 다시로드하십시오.

업데이트 : 참조를 위해 스크린 샷 추가 :

여기에 이미지 설명을 입력하십시오


1
때로는 클릭 위치를 알아야합니다.
Darshan Thanki

@DavidJ 아이콘의 스크린 샷을 추가했습니다.
RubenGeert

정말 고맙습니다. 나를 실망시키기 시작했다. 그 버튼을 클릭 한 기억조차 없습니다.
dminer

1
예외를 일시 중지하는 것은 문제 (@Luja) 나 문제 (@ Bosworth99) 또는 좌절 할 것 (@dminer)이 아닙니다. 디버깅에 매우 유용한 기능입니다. devTools UI의 모든 옵션을보고 편안하게 사용하려면 몇 시간 (또는 경험에 따라 적은 시간)이 걸립니다. 이번에 투자하십시오! 일상적인 디버깅 루틴에 크게 도움이됩니다.
CodeVortex

4
@CodeVortex 무엇인가 유용하기 때문에, 지금 원하지 않는 일을하고 있고 그것을 어떻게 막을 지 모른다면 문제가되지 않습니다.
Jessica B

99

필자의 경우 Chrome 개발 도구의 소스 탭에서 액세스 할 수 Any XHR있는 XHR Breakpoints설정 에서 플래그를 true로 설정했습니다.

Chrome 개발자 도구의 모든 XHR 플래그

Chrome이 다시 정상적으로 작동하려면 선택을 취소하십시오.


4
그것은 내가했던 것과 같은 문제였습니다
Jimbo Jones

여기에도 같은 문제가 있습니다-감사합니다.
zigojacko

3
당신은 내 생명을 구했습니다 :-)
Alex

@ 알렉스 아, 귀여운 : D
k0pernikus

나는 애니메이션에 그것을 가지고 있었다-내가 이것을 읽을 때까지 나를 미치게했다, 감사합니다!
asimovwasright

32

이로 인해 문제가 발생할 수도 있습니다

오른쪽 상단의 중단 점 아이콘은 다음과 같이 파란색이어야합니다.

여기에 이미지 설명을 입력하십시오

이렇게 회색이 아니어야합니다

여기에 이미지 설명을 입력하십시오


1
이것은 페이지로드가 아닌 중단 점에서 중지 할 수 없으므로 오해의 소지가 있습니다. 따라서 원하는 중단 점도 방지됩니다. 실제 문제는 오른쪽 상단의 버튼이 아니라 왼쪽 하단의 "Any XHR"상자를 체크 한 것입니다.
k0pernikus

12

그리고 일부 옵션을 확인한 경우 조건이 활성화되면 브레이크 포인트 디버거도 활성화됩니다.


11

소스로 이동 여기에 이미지 설명을 입력하십시오하면 DevTools 하단에 일시 중지 버튼이 표시됩니다. 기본적으로 js 파일을 디버깅하는 동안 DevTools에는 3 가지 일시 중지 옵션이 있습니다.

  • 예외 ( 여기에 이미지 설명을 입력하십시오) 에서 일시 중지하지 마십시오 .

    "예외시 일시 중지 안 함"이 활성화 된 것처럼 일시 중지 버튼은 회색으로 표시됩니다. 여기에 이미지 설명을 입력하십시오

  • 모든 예외에서 일시 중지 ( 여기에 이미지 설명을 입력하십시오) :

    일시 중지 버튼은 "모든 예외에서 일시 정지"가 활성화 된 것처럼 파란색으로 표시됩니다. 여기에 이미지 설명을 입력하십시오

  • 포착되지 않은 예외 ( 여기에 이미지 설명을 입력하십시오) 에 일시 중지

    "발견되지 않은 예외에서 일시 정지"가 활성화 된 것처럼 일시 정지 버튼은 자주색으로 표시됩니다. 여기에 이미지 설명을 입력하십시오

일시 중지하지 않으려면 예외시 일시 중지 안 함을 선택하십시오. 선택하려면 일시 정지 버튼이 회색 이 될 때까지 토글하십시오 여기에 이미지 설명을 입력하십시오.


3
스크린 샷 주셔서 감사합니다!
Maksym

감사합니다! 당신은 CLEAR 표시가 어느 쪽인지에 대해 이것에 대답 한 유일한 사람입니다 . 툴팁은 혼동하지 도움이 될해야합니다 : 그것은 회색, 따라서 무효 인 상태, 툴팁 토글 덜 바보했다 툴팁 "예외에 일시 정지"... 말한다 ( ".. 예외 일시 중지 전환을 클릭하지 마세요")는
Jürgen A. Erhard

7

여기에 이미지 설명을 입력하십시오

네. 나는 오늘 크롬 개발 도구를 배우고 있는데 똑같은 것을 발견했습니다. 위의 내용이 실패하면 여기에 표시된 영역을 확장하고 설정하고 잊어 버린 중단 점을 찾으십시오.


4

CTLR+ F8를 누르면 breackpoint를 활성화하거나 비활성화 할 수 있습니다 .

이것이 짧은 해결책입니다.


3

설정 아이콘을 클릭 한 다음 기본값 복원 및 다시로드 버튼을 클릭하십시오. 이것은 받아 들인 대답이 아닌 반면 나를 위해 일했습니다.Chrome 복원 기본값 및 새로 고침


나는 같은 경험을했고 미친 약을 복용하는 것처럼 느꼈습니다 : cl.ly/f4Jj 설정 의 "기본값 복원"이 나를 위해 수정했습니다. 그것이 무엇인지 전혀 몰랐지만 카나리아에서는 일어나지 않았기 때문에 Chrome의 개발 도구에만 해당되는 것을 알았습니다.
Brandon Aaskov


2

내가 겪은 정말 바보 같은 문제는 디버거와 함께 나를 이끌었습니다. command .: "디버거;" 시계가 설치되어 있습니다.

디버거가 방금 말한 페이지가 생겼습니다. 모든 페이지로드 사이에 표시됩니다.

이를 비활성화하는 방법은 해당 Watch를 마우스 오른쪽 버튼으로 클릭하고 "시계 식 삭제"를 클릭하는 것입니다.


2

정말 나쁜 경험입니다. 위의 답변이 효과가 없다면 이것을 시도하십시오.

설정 아이콘을 클릭 한 다음 기본값 복원 및 다시로드 버튼을 클릭하십시오.

정상이 될 때까지 'F8'을 누르십시오.

행복한 코딩 !!


1

다른 사용자가 이것을 약간 자세히 언급했지만 2 일 동안 여기에 약 3 번 돌아올 때까지 놓쳤습니다.

설정할 수있는 다른 중단 점 목록을 포함하는 EventListener 중단 점 섹션이 있습니다. 실수로 DOM Mutation에서 DOM 중 하나를 활성화하여 DOM에 대한 모든 것이 재정의 될 때마다 알려주었습니다. 불행히도 이것이 내 기계라는 것을 깨닫기 전에 많은 플러그인과 애드온을 비활성화했습니다. 이것이 다른 누군가를 돕기를 바랍니다.


0

크롬 개발자 콘솔에서 중단 점으로 이동하여 마우스 오른쪽 버튼을 클릭하고 중단 점을 제거 할 수 있습니다. 단순한.


0

for루프에 구문 오류가있었습니다 . 일시 정지 오류가 발생했습니다.



0

이것은 나에게 일어나고 있었다. body 태그의 하위 트리 수정에 중단 점이 있었으며 중단 점을 제거 할 때마다 새로 고친 후에 다시 중단되었습니다. 나는 매우 혼란 스러웠으며 모든 DOM 중단 점을 제거했지만 팬텀 바디 하위 트리 수정 중단 점은 계속 돌아 왔습니다. 결국 캐시를 다시로드하면 사라졌습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.