%20%EB%94%94%EB%B2%84%EA%B1%B0%EA%B0%80%20%ED%82%A4%EB%B3%B4%EB%93%9C%EB%A5%BC%20%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC%20JavaScript%EB%A5%BC%20%EC%9D%BC%EC%8B%9C%20%EC%A4%91%EC%A7%80%ED%95%98%EB%8F%84%EB%A1%9D%20%ED%95%98%EB%8A%94%20%EB%B0%A9%EB%B2%95%EC%9D%B4%20%EC%9E%88%EC%8A%B5%EB%8B%88%EA%B9%8C%3F.png)
Firefox Devtools(개발자 도구) 디버거 창이 열리면 키보드 키를 눌러 JavaScript를 일시 중지할 수 있어야 합니다 F8.
나는 이것이 복잡한 웹사이트에서는 거의 작동하지 않는다는 것을 알았습니다(Stack Exchange 및 StackOverflow와 같은 간단한 웹사이트에서는 잘 작동합니다). 일반적으로 Firefox를 일시 중지할 수 있는 유일한 방법은 포인팅 장치(트랙볼, 마우스 등)를 사용하여 pauseFirefox Devtools GUI의 버튼을 클릭하는 것입니다. 이에 대한 문제는 웹 브라우저 뷰포트에서 커서를 제거해야 하므로 HTML 요소의 초점이 흐려진다는 것입니다.
키보드를 사용하여 Firefox Devtools 디버거를 일시 중지하는 비결/비결이 있나요?
답변1
@andrybak의 의견이 이 작업을 수행하는 데 큰 도움이 되었기 때문에 전체 답변으로 추가하겠습니다.
- 사이트를 열고 툴팁이나 기타 마우스 종속 이벤트를 검사하려는 페이지/상황으로 이동하세요.
- Firefox에서 개발자 도구를 열고 디버거 탭으로 이동합니다. (Chrome에서는 소스라고 함) 이제 탐색하세요.
- '이벤트 리스너 중단점' 열기
- '마우스'로 필터링합니다(아래 그림 참조).
- '클릭'을 선택하거나, 너무 자주 발생하는 경우 더블 클릭을 위해 'dblclick'을 선택하세요.
- 귀하의 사이트로 이동하여 이벤트를 트리거하십시오(도구 설명이 있는 요소 위로 마우스를 가져가십시오).
- 이제 디버거가 중단되고 사이트를 검사할 수 있습니다.
