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

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

  • 인라인 스크립트 태그의 JS

  • iframe 내부의 JS.

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



답변

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

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


답변

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

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


답변

최신 버전의 DevTools

DevTool 도크의 오른쪽에있는 트리플 도트 아이콘을 클릭하고 검색을 선택 하십시오 .

아니면 그냥 명중 : ControlShiftF사용하는 동안 DevTools로를 ( ControlShiftI).

DevTools Dock 메뉴


이전 버전의 DevTools

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

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

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

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


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

Chrome / Chromium-DevTools 소스 코드 파일에서 검색


답변

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

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

여기에 이미지 설명을 입력하십시오


답변

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

양식 작성기 : 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 명령이 다시 작동했습니다.


답변

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

단계
1) 개발자 도구의 오른쪽 상단 또는 왼쪽 하단에서 3 개의 편집을 클릭해야합니다.
여기에 이미지 설명을 입력하십시오

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

3) 또한 검색 탭이 아래쪽에 있으므로 표시되지 않을 수 있으므로 탭을 위로 드래그 해야 할 수도 있습니다 .
여기에 이미지 설명을 입력하십시오


답변