디버깅 중단점 설정한 부분 일괄 해제할 수 있는 방법 있을까요?
소스 탭에서 해당 라인을 클릭하면 파란색 화살표 영역과 함께 중단점이 설정되는 부분을..
만약 제가 중단점을 꽤 많이 설정해놓은 상태에서, 이것을 전부 해제하고 싶은데요.
하나씩 다시 클릭하거나 아니면, 크롬창을 아에 종료해서 다시 실행하는 방법밖에 없을까요?
단순히 새로고침으로는 해제가 안되더라구요.
중단점 일괄 초기화 할 수 있는 간단한 방법이 있을까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 속터져님.
크롬 개발자 도구에서 설정한 중단점을 일괄적으로 해제하는 방법에 대해 궁금하신 것 같습니다. 다행히 크롬 개발자 도구는 이러한 작업을 쉽게 수행할 수 있는 방법을 제공합니다.
크롬 개발자 도구에서는 중단점을 설정하고 해제하는 기능을 가지고 있으며, 설정한 모든 중단점을 한꺼번에 해제하는 기능도 포함되어 있습니다. 다음 단계에 따라 모든 중단점을 해제하실 수 있습니다:
크롬 개발자 도구 열기: 원하는 웹 페이지에서
Ctrl + Shift + I(Windows) 또는Cmd + Option + I(macOS) 키를 눌러 개발자 도구를 엽니다.Sources 패널 선택: 개발자 도구에서 상단의 “Sources” 탭을 클릭하여 소스 패널로 이동합니다.
Breakpoints 관리하기: 소스 패널의 우측 하단에는 설정된 중단점들이 나열됩니다. 여기에서 모든 중단점을 해제할 수 있습니다.
- 중단점 리스트에서
마우스 오른쪽 버튼 클릭을 하여 모든 중단점을 비활성화하거나 제거할 수 있는 옵션이 제공됩니다.
- 또는, 리스트 섹션에서 중단점 항목을 선택하고
Delete 키를 눌러 삭제할 수 있습니다.
- 중단점 리스트에서
이 방법을 통해 중단점을 하나씩 클릭하거나 크롬을 종료하지 않고도 중단점들을 일괄적으로 해제할 수 있습니다.
추가적인 시각적인 설명이 있는 답변을 보시려면 여기 이 질문을 참고해보세요. 이 질문은 유사한 상황에서 사용자에게 도움을 주는 답변을 제공하고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
예제로 사용되는 파일 위치가?
0
23
1
예제 프로젝트 관련 질문입니다.
0
73
1
bundle analyzer 에 대한 질문이 있습니다.
0
108
2
Cannot find module serve 에러
1
104
1
개발환경에 대한 안내
1
162
2
성능 탭에서 소요시간이 안보입니다
0
204
2
layout shift가 아주 약간 일어나는 부분에 대해
0
308
2
3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제
0
298
2
Material--icons_4.0.0.woff2
0
210
1
이미지 CDN 만드는 방법
0
459
1
강의 포스팅 관련 문의
0
362
1
코드 실행 시 에러 관련 질문드립니다!!
1
579
1
npm run serve가 동작하지 않아요
0
704
1
Performance FPS 탭이 안보여요.
1
797
1
CPU throttling이 뭔가요?
0
1119
1
default export가 아닌 named export일 때 lazy사용법
1
1070
1
lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다
1
582
1
lighthouse 측정에 관해 질문드려요
2
1008
1
network 캐싱에 대해서 질문 있습니다!
1
426
1





