검색 패널을 사용하여 로드된 모든 리소스에서 텍스트를 찾습니다.
또는 기본 제공 검색창을 사용하여 특정 도구에서 열린 리소스의 텍스트를 찾을 수 있습니다.
검색 패널 열기
여러 가지 방법으로 검색 패널을 열 수 있습니다. 먼저 DevTools를 열고 다음 중 하나를 수행합니다.
- DevTools의 오른쪽 상단에서
Customize and control DevTools > More tools > Search를 선택합니다. - Esc를 눌러 창을 열고 왼쪽 상단에서
도구 더보기 > 검색을 선택합니다. - Command+Option+F (Mac) 또는 Control+Shift+F (Windows/Linux)를 누릅니다.
로드된 모든 리소스에서 텍스트 검색
로드된 모든 리소스에서 텍스트를 검색하려면 검색 패널의 검색창에 쿼리를 입력하고 Enter 키를 누릅니다.
DevTools가 한 줄에서 일치하는 항목을 여러 개 찾으면 검색 결과에 모든 일치 항목이 같은 줄 번호와 함께 나열됩니다. 검색결과를 클릭하면 DevTools에서 Sources에 줄을 열고 일치 항목을 스크롤하여 봅니다.
검색어의 대소문자를 구분하려면 match_case 대소문자 일치 버튼을 전환합니다.
정규 표현식과 일치하는 텍스트를 검색하려면 regular_expression 정규 표현식 버튼을 전환합니다.
쿼리 재실행, 결과 확장 및 지우기
검색어를 다시 실행하려면 
Refresh를 클릭합니다.
모든 검색결과를 펼치려면 다음 단계를 따르세요.
- Windows / Linux의 경우 Ctrl+Shift+{ 또는 } 누르기
- macOS의 경우 Command+Option+{ 또는 }
검색결과를 지우려면 
지우기를 클릭합니다.
특정 도구에서 텍스트 검색
특정 도구에서 열려 있는 리소스로 검색 범위를 좁히려면 도구에서 지원되는 경우 기본 제공되는 검색창을 사용하면 됩니다.
검색창에는 이전 및 다음 검색결과로 이동할 수 있는 위/아래 버튼이 있습니다.
특정 도구에서 기본 제공되는 검색창을 열려면 Command+F (Mac) 또는 Control+F (Windows/Linux)를 누릅니다.
일부 DevTools 패널과 탭에는 검색창이 내장되어 있지 않지만, 검색창이 있는 패널과 탭에는 도구별 기능을 제공하는 경우가 많습니다. 다음은 검색창과 관련 기능이 포함된 도구 목록입니다.
| 패널 또는 탭 | 대소문자 구분 | RegEx | 범위 | 도구별 기능 |
|---|---|---|---|---|
| 요소 | DOM 트리 | 선택기 및 XPath로 검색 | ||
| 콘솔 |  |
 |
로그 메시지 | |
| 출처 |  |
 |
현재 소스 파일 | 바꾸기 |
| 네트워크 |  |
 |
네트워크 헤더 및 응답 | |
| 성능 |  |
 |
활동 | |
| 메모리 |  |
프로필 | 비용, 이름, 파일로 샘플링 프로필 검색 | |
| JavaScript 프로파일러 |  |
CPU 프로필 | 비용, 이름, 파일로 검색 | |
| 빠른 소스 |  |
 |
현재 소스 파일 | 바꾸기 |