스크립트 실행을 일시 중지하는 Chrome 키보드 단축키 단축키가있어 스크립트 실행이 중단됩니까? ( ||개발자

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

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



답변

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

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

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

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


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

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


답변

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

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

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

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


답변

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

얻는 방법 :

용법:

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

답변

Google-fu를 운동하면서 공식 Chrome 키보드 단축키 목록을 찾았습니다.

전념하는 사람이 아닌 것 같습니다. 원하는 경우 키 조합을 일시 정지 버튼으로 해석하는 플러그인을 항상 작성할 수 있습니다.