728x90
1. 단어 검색(Ctrl + f)
소스 내 단어 검색
2. 소스 검색(Ctrl + Shift + f)
출처: https://secreth.tistory.com/128
대부분 그렇겠지만 복잡한 구조에서 JS 디버깅을 하려면 어려운 부분이 많다.
당연히 ctrl을 누르고 함수명을 클릭하면 넘어가기도 하지만, 가끔은 이 소스가 어디에서부터 시작되었는지조차 모르는 경우가 많다.
그래서 오늘은 크롬 개발자 도구에서 전체 검색하는 방법에 대해 작성하고자 한다.
(개발자적인 어휘일지는 모르나 전역 검색이라는 표현도 괜찮을 것 같아 넣어보았습니다.)
이 검색의 핵심은, 내가 원하는 문자열을 전체 모든 파일 내에서 검색이 가능하다는 점이다.
1. F12를 눌러 개발자도구 오픈한다.
2. 우측 상단의 점 세개 (Customize and control DevTools) 클릭 > Settings 클릭
3. Preferences > Sources > Search in anonymous and content scripts 클릭하면 세팅은 끝
4. 검색하기 위해서는 F12 개발자도구가 켜진 상태에서 (윈도우) Ctrl + Shift + F (맥) Command + Option + F 를 누른다. 그러면 하단 Console 탭 옆에 "Search"가 생기고 검색할 수 있는 인풋 박스가 나타난다.
5. 엔터를 누르면 원하는 검색이 가능해짐. 굿.
좋아요13
공유하기
게시글 관리
728x90
반응형
'프로그램 개발(분석, 설계, 코딩, 배포) > 100. 기타' 카테고리의 다른 글
오픈 NAS 종류 (0) | 2023.07.17 |
---|---|
Ansible 설치 (0) | 2023.05.08 |
정보시스템 감리_정보시스템 감리 수행가이드 (1) | 2023.04.24 |
VS Code 사용법 (0) | 2023.04.12 |
개발_ 주석 작성법 (0) | 2023.03.14 |