chrome-devtools로 모든 JS 소스를 실제로 검색 할 수 있습니까?

171

크롬 개발자 도구에서 JS 파일을 검색하는 데 문제가 있습니다. 과거 Ctrl+ Shift+로 활성화 된 검색은 F항상 내가 원하는 것을 찾았지만 최근에 (어떤 업데이트가 이것을 트리거했는지 확실하지 않습니다) 검색이 잡히지 않습니다

인라인 스크립트 태그의 JS
iframe 내부의 JS.

또한 인라인 스크립트가 포함되었을 때 콜 스택이 엉망인 것을 발견했지만 이러한 문제에 대해 Google을 시도하면 dev-tools doc 페이지가 표시됩니다. 다른 사람 이이 문제를 발견 했습니까? 나는 이것이 이전에 효과가 있다고 상상 했습니까?

javascript google-chrome-devtools

— 데이비드 맥 뮬린
소스

4

허용되는 답변은 CTRL + SHIFT + F 및 '콘텐츠 스크립트에서 검색'을 사용하는 경우 작동하지만 Chrome은 주어진 행에 여러 개의 일치 항목이 있더라도 한 줄당 하나의 일치 만 계산합니다. 축소 된 JS를 사용하면 이것을 자주 볼 수 있습니다. 문제의 스크립트를 클릭하고 CTRL + F를 클릭하면 모든 인스턴스를 찾을 수있을 때까지 이것이 Chrome 버그라고 생각했습니다.

— JD Smith

좋은 지적입니다! 크롬을 사용하는 경우, 특히 "컨텐츠 스크립트 검색"설정과 축소 된 스크립트 인쇄 사이에서 업그레이드 후 일부 일관되지 않은 동작이 발견되었습니다. 때때로 상황이 완벽하게 작동하지 않습니다 = (

— David McMullin

1

실제로 Chrome에서 단순히 무언가를 찾지 못하는 경우가 있습니다. 그것은 종종 나에게 일어난다. 예를 들어 band-aidbrandfirstaid.com/first-aid-how-to-videos를 방문하여 _satellite.jwp.videos 의 소스를 검색하면 결과가 표시되지 않습니다. 그러나 해당 문자열이 있습니다- 스크린 샷 이 문제가있는 다른 사람을 찾을 수없는 것 같습니다. 지금은 Firefox를 사용하고 있으며 정상적으로 작동합니다.

— JD Smith

정말 궁금합니다! 크롬에서 동일한 검색을 시도했지만 정상적으로 작동했습니다 (5 일치). 아래 답변에 언급 된 옵션을 활성화 해 보셨습니까?

— David McMullin

2

프레임은 콘솔 창의 맨 아래까지 찌그러 질 수 있습니다 (적어도 나를 위해). 더 잘 볼 수 있도록 위로 드래그하십시오.

— 에머리 라핀 스키

170

예, 확장 프로그램과 내부 브라우저 API에서 사용하는 스크립트 인 컨텐츠 소스 내에서 검색하려면 DevTools 설정에서이를 활성화 한 다음 DevTools의 모든 패널에서 Ctrl+ Shift+ F또는 (Mac) Options+ Command+ F( sources⌘F)를 사용하여 모든 소스, 스 니펫 및 파일을 검색하십시오.

당신이 필요로하는 것에 더 도움이되는 것은 Settings 톱니 바퀴에 작업 공간을 설정하는 것입니다.이 작업 공간은 위의 단축키로 검색 할 수있는 소스 파일 브라우저 사이드 바에서 사용할 수있는 파일의 로컬 디렉토리에 매핑 할 수 있습니다

— 자레드 윌리
소스

5

다른 의견에 따르면 검색을 활성화하는 방법, 즉 (다른 답변에서) "DevTools 일반 설정에서 '컨텐츠 스크립트에서 검색'옵션 활성화"

— samneric

3

이것은 오래되었습니다

— cdeutsch

8

Chrome의 현재 버전에서 DevTools> 설정> 환경 설정> 소스 "익명 및 컨텐츠 스크립트에서 검색"

— Mark Hansen

이 날짜는 오래되었습니다. 또한 Dev Tools 설정에서 이것이 활성화되어야하는 곳을 명확히하는 것이 좋습니다.

— Max MacLeod

44

시간을내어 문제를 올바르게 표현한 후에는 답을 찾기가 항상 더 쉬운 것 같습니다.

"컨텐츠 스크립트에서 검색"이라는 일반-> 소스에서 옵션을 찾았습니다. 어떻게 / 비활성화했는지 확실하지 않지만 활성화하고 크롬을 다시 시작하면 모든 문제가 해결되었습니다.

— 데이비드 맥 뮬린
소스

1

CTRL + SHIFT + F를 수행 할 때 Chrome에서이 옵션을 활성화하라는 메시지가 표시되면 좋을 것입니다. 나는 그것을 비활성화시키는 것을 기억하지 않지만 언젠가는 작동을 멈췄습니다. 이 목적으로 Firefox를 사용하지 못하게 해 주셔서 감사합니다!

— JD Smith

나는 그것이 전에 모든 출처를 탐색하고 있다고 확신하지만 갑자기 중단되었습니다! 이제 해당 옵션을 확인하면 다시 작동합니다! 감사합니다

— Bakhshi

! 나는 똑같은 경험, 내가 업데이트 후 예기치 않은 동작을 찾을 가끔 크롬 대부분의 시간을하지만 사랑 = (다행 지금 다시 일하고 있었다

— 데이비드 맥뮬

5

Chrome 56에서는 [DevTools 창의 오른쪽 상단에있는 DevTools 메뉴]-> 설정-> 기본 설정-> 소스-> "콘텐츠 스크립트에서 검색"(맨 아래의 확인란) 아래에이 옵션이 있습니다.

— Chris

6

나를 위해 Chrome 69에서는 '익명 및 콘텐츠 스크립트에서 검색'이라고합니다.

— Jono

35

이전 버전의 DevTools

DevTools 일반 설정에서 ' 컨텐츠 스크립트에서 검색 '옵션을 활성화하십시오 . 그것은 수 있도록 콘텐츠 스크립트를 검색 할 수 있습니다.

그런 다음 DevTools 패널 에서 패널 하단의 소스 파일을 검색 할 수 있습니다.

예를 들면 다음과 같습니다.

Chrome-콘텐츠 스크립트-소스에서 검색

DevTools 패널 하단에 검색 탭 이없는 경우 트리플 도트 아이콘을 클릭하여 엽니 다.

— 케 노브
소스

1

나를 위해 검색 결과가 포함 된 패널을 확장해야했습니다.

— Eng.Fouad

8

CTRL + SHIFT + F가 더 이상 작동하지 않는 것과 동일한 문제에 직면했습니다.

F12를 눌러 개발자 도구를 엽니 다.
개발자 툴바의 오른쪽에있는 세로 줄임표를 클릭하여 옵션을 엽니 다
"추가 도구"를 클릭하십시오
"검색"을 클릭하십시오

— 패트릭 S
소스

5

그래도 작동하지 않으면이 확장 프로그램이 크롬에 설치되어 있는지 확인하십시오.

양식 작성기 : https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=ko

CTRL + SHIFT + F는 여전히 나를 위해 작동하지 않지만 크롬 확장 "Form Filler"가 콘솔 명령의 "모두 검색"을 재정의하고 있음을 발견했습니다.

이것을 변경하려면 : url-> chrome : // extensions /로 이동하십시오.

그런 다음 오른쪽 하단으로 이동하십시오 : 키보드 단축키 및 양식 채우기를 위해 + CTRL + SHIFT + F 명령을 변경할 수 있습니다

크롬 검색 콘솔에서 CTRL + SHIFT + F 명령이 다시 작동했습니다.

— 사바 베
소스

4

최신 버전에서는 "익명 및 콘텐츠 스크립트에서 검색"을 활성화 한 후에도 CTRL + SHIFT + F가 더 이상 작동하지 않습니다.

단계 1) 개발자 도구의 오른쪽 상단 또는 왼쪽 하단에서 3 개의 편집을 클릭해야합니다.

2) 원하는 검색 옵션이 표시됩니다.

3) 또한 검색 탭이 아래쪽에 있으므로 표시되지 않을 수 있으므로 탭을 위로 드래그 해야 할 수도 있습니다 .

— 아찰 굽타
소스

chrome-devtools로 모든 JS 소스를 실제로 검색 할 수 있습니까?

최신 버전의 DevTools

이전 버전의 DevTools