Programing

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

crosscheck 2020. 7. 5. 08:04
반응형

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


chrome dev-tools에서 JS 파일을 검색하는 데 문제가 있습니다. 과거 Ctrl + shift + f로 활성화 된 검색에서 항상 원하는 것을 찾았지만 최근에 (어떤 업데이트가 이것을 트리거했는지 확실하지 않습니다) 검색을 찾는 것은 잡히지 않습니다

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

  • iframe 내부의 JS.

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


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

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


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

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


최신 버전의 DevTools

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

아니면 그냥 명중 : Control- Shift- F사용하는 동안 DevTools로를 ( Control- Shift- I).

DevTools Dock 메뉴


이전 버전의 DevTools

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

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

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

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


If you don't have the Search tab in bottom of DevTools panel, click on the triple dot icon to open it.

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


In case it still doesn't work, check if this extension is installed in your chrome :

form filler: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL+SHIFT+F was still not working for me but then I discovered that chrome extension "Form Filler" was overriding the "search all" in console command

To change this : go to url --> chrome://extensions/

then go to the bottom right : Keyboard shortcuts and you can change + CTRL+SHIFT+F command for form filler

then the command CTRL+SHIFT+F in chrome search console worked again


I was facing same issue CTRL+SHIFT+F wasn't working anymore.

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

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

참고 URL : https://stackoverflow.com/questions/15944633/can-i-get-chrome-devtools-to-actually-search-all-js-sources

반응형