스크립트 실행을 일시 중지하는 Chrome 키보드 단축키


47

Chrome에 단축키가있어 스크립트 실행이 중단됩니까? ( ||개발자 도구 스크립트 패널에서 "스크립트 실행 일시 중지"버튼 을 누르는 것과 같습니다 .)

Dev Tools를 사용하여 마우스 오버 상태의 요소를 검사하고 싶습니다. mouseleave실제로 일시 정지 버튼을 클릭하려고하면 코드는 분명히 실행됩니다!

답변:


55

이 문제에 대한 정확한 해결책을 찾지 못했지만 목표를 달성하기 위해 페이지에 넣거나 Javascript 콘솔에 붙여 넣을 수있는 한 줄짜리를 만들었습니다.

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

이 때 당신이 때 실행이 일시 중지됩니다 F12.

( debugger중단 점을 강제하는 JavaScript 명령문입니다.)


업데이트 : 개발자 도구에는 내장 단축키가 많이 F1있지만 (목록을 보려면을 누르십시오 ), 개발자 도구가 작동하려면 개발자 도구 창에 중점을 두어야합니다. 스크립트 실행 일시 중지 F8(Chrome 45 기준으로 소스 탭을 볼 때) 또는 Ctrl+ /입니다.

위의 한 줄은 일시 중지하기 전에 페이지에 계속 집중해야하는 경우에도 여전히 유용 할 수 있습니다.


6
F8은 DevTools (Chrome 40)의 "소스"페이지에있을 때만 작동합니다.
netvope

1
Linux 등에서 CTRL + /가 작동합니까? CTRL + \는 Windows에서 작동하는 것으로 보이며 다른 경우 MAC의 경우 CMD + \입니다.
djabraham

1
jQuery가 필요없는 동일한 효과 :window.addEventListener('keydown', e => { if (e.keyCode === 123) debugger })
pau.moreno

때때로 이벤트 핫키로 검사하려는 요소를 닫습니다. setTimeout(function() { debugger; }, 1000)여기 에서 도움이됩니다
cyptus

13

"스크립트 실행 일시 중지 / 다시 시작"에 대한 Google 키보드 단축키 참조 목록 :

  • F8또는 Ctrl+ \(Windows)
  • F8또는 Cmd+ \(Mac)

호버 또는 활성과 같은 이상한 상태의 물건을 검사하는 더 쉬운 방법이 있습니다. 먼저 Chrome 개발자 도구의 요소 창에서 DOM 노드를 찾으십시오. 이제 노드를 마우스 오른쪽 단추로 클릭하고 상황에 맞는 메뉴에서 "강제 요소 상태"를 보거나 노드를 선택하고 스타일 탭을보고 오른쪽 상단에서 마우스 포인터가있는 점선 상자 아이콘을 찾으십시오. ( element.style선택한 요소에 새 CSS 규칙을 추가 할 수있는 + / plus 아이콘 옆 ).

이러한 상태 중 하나를 활성화하면 요소 창의 왼쪽 여백에 작은 원이 생겨 해당 선에서 요소의 자연 상태를 재정의했음을 나타냅니다.


3
F8은 기본 브라우저 창에서 작동하지 않으며 개발자 도구 창에서만 작동합니다. Force Element State를 사용하면 CSS가 아닌 이벤트를 수신하는 스크립트 일 때 도움이되지 않습니다.
josh3736

3
F8은 기본 브라우저 창에서 작동하지만 백그라운드에서 소스 탭에 대한 개발 도구 창이 열려 있어야합니다.
reor

8

자바 스크립트 실행을 일시 중지하기 위해 키보드의 일시 정지 버튼을 누를 수있는 간단한 Chrome 확장 프로그램을 작성했습니다.

얻는 방법 :

용법:

  1. 크롬 개발자 도구를 열어 둡니다
  2. pause/break키보드를 누르 십시오

1
@Flu, Chrome 웹 스토어에 추가했습니다. 즐기십시오
스페어 바이트

이 기능은 훌륭했습니다. HTML을 동적으로 삽입하여 페이지에 삽입 할 수 있도록 일시 중지 할 수있었습니다. 코드가 포커스를 잃었을 때 HTML에 의해 HTML이 제거되어 개발자 도구를 사용할 수 없었습니다.
Kenny Evitt

키보드에 "일시 정지 / 중단"버튼이 없으므로 다른 키에 매핑해야했습니다. 나에게 분명하지 않은 것은 "콤보 저장"버튼을 클릭하는 동안 새로운 키 조합을 누르고 있어야한다는 것입니다.
Jasper Citi

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