Settings > Ignore List를 사용하면 debugger가 무시하는 스크립트 목록을 구성할 수 있습니다.
디버거에 대한 모든 무시 목록을 사용 설정하거나 중지하려면 다음 안내를 따르세요.
- 설정을 엽니다.
- 무시 목록 탭에서 설정 > 무시 목록 사용 설정을 선택하거나 선택 해제합니다. 이는 모든 무시 목록 기능의 기본 스위치입니다.
무시 목록을 사용 설정하면 무시할 스크립트 목록을 추가로 맞춤설정할 수 있습니다.
Chrome 확장 프로그램 스크립트 무시
Chrome DevTools의 Sources 패널을 사용하여 코드를 단계별로 실행할 때 모르는 코드를 멈출 때가 있습니다. 설치한 Chrome 확장 프로그램 중 하나의 코드에 의해 일시중지되었을 수 있습니다.
설정 > 무시 목록에서 다음 두 개의 체크박스를 선택합니다.
- 무시 목록 사용 설정
- 무시 목록에 콘텐츠 스크립트 추가
알려진 서드 파티 스크립트 무시
디버거가 알려진 서드 파티 스크립트를 건너뛰도록 하려면 Settings > Ignore List > 자동으로 알려진 서드 파티 스크립트를 무시 목록에 추가를 선택합니다.
DevTools는 소스 맵의 ignoreList 속성에 따라 무시 목록에 서드 파티 스크립트를 추가합니다. 프레임워크 및 번들러가 이 정보를 제공해야 합니다.
예를 들어 Angular 및 Nuxt와 같은 프레임워크가 이 기능을 지원합니다.
커스텀 스크립트 목록 무시
기본적으로 Debugger는 /node_modules/
및 /bower_components/
의 스크립트를 무시합니다. 추가 단일 스크립트 또는 스크립트의 커스텀 패턴을 무시하려면 다음 안내를 따르세요.
- Settings > Ignore List > Enable Ignore Listing을 선택합니다.
- 맞춤 제외 규칙 섹션에서 패턴 추가를 클릭합니다.
- 무시할 스크립트 이름 또는 스크립트 이름의 정규 표현식을 지정합니다.
- 추가를 클릭하여 변경사항을 저장합니다.
무시된 스크립트의 커스텀 목록 관리
특정 스크립트 또는 스크립트 이름 패턴의 무시를 사용 설정 또는 사용 중지하려면 설정 > 무시 목록 > 맞춤 제외 규칙에서 스크립트 또는 패턴 옆에 있는 체크박스를 선택 또는 선택 해제하세요.
스크립트 또는 스크립트 이름 패턴을 수정하거나 삭제하려면 마우스 오버 시 표시되는 또는 버튼을 클릭합니다.