Chrome 개발자 도구에서로드 된 모든 스크립트를 검색하는 방법

430

Firebug에서는 일부 텍스트를 검색 할 수 있으며 페이지에로드 된 모든 스크립트에서 해당 텍스트를 찾습니다. 클라이언트 스크립트를 디버깅하는 동안 Chrome 개발자 도구에서 동일한 작업을 수행 할 수 있습니까? 나는 그것을 시도했지만, 내가 열어 놓은 스크립트에서만 검색하고 페이지의 나머지는 검색하지 않는 것 같습니다.

다음 스크린 샷이 달성하려는 것에 대해 더 나은 아이디어를 제공하기를 바랍니다. 대체 텍스트

다음 스크린 샷은 Firebug에서 한 번 검색 한 것입니다. 대체 텍스트

google-chrome google-chrome-devtools script-debugging

— 슬라 보
소스

1

BTW, 소스 맵을 사용하는 경우 (예 : GWT Super Dev 모드) 매핑 된 .java 파일을 이름으로 검색 할 수 있습니다 ... 소스 탭에서 Ctrl + O (Mac의 경우 명령 + O)를 입력하십시오.

— frankadelic

6

허용 된 답변을 vsevik으로 변경하도록 제안해도됩니까? 오늘날 독자들에게 훨씬 유용 할 것입니다.

— Mark Amery

기쁜! 이 질문에 대한 완벽한 답변을 얻었지만 네트워크 응답에서 검색은 Firebug 에서처럼 사용할 수 없습니다. Firefox에서도 마찬가지입니다.

— Ravi Parekh

1

Google Dev Tools (기능 이름, CSS의 클래스 이름 등을 검색 할 수있는 유연하고 유용한 도구)에서 '파일로 이동'을 사용하십시오. 사용 방법 Google Chrome DevTools에서 파일로 이동

— Iman Bahrampour

678

다음과 같이 개발자 도구에서 새 검색 창을 엽니 다

가압 Ctrl+ Shift+ F( Cmd+ Option+ I맥)
⋮DevTools에서 오버플로 메뉴 ( )를 클릭하고
콘솔에서 오버플로 메뉴 ( ⋮)를 클릭하고 검색 옵션을 선택합니다.

정규식 및 대소 문자 구분을 지원하여 모든 스크립트를 검색 할 수 있습니다.

스크립트 패널에서 해당 파일 / 섹션을로드하려면 일치하는 항목을 클릭하십시오.

모든 파일 검색-결과

DevTools 환경 설정 ( F1) 에서 '익명 및 컨텐츠 스크립트에서 검색'이 선택되어 있는지 확인하십시오 . 그러면 iframe 및 HTML 인라인 스크립트에서 결과가 반환됩니다.

— vsevik
소스

14

Control + Shift + F는 매우 유용하지만 특히 iframe 내부의 스크립트에서 모든 적중을 반환하지는 않습니다.

— Murali VP

35

Control + Shift + F를 사용하면 상단 검색 창이 완전히 오도됩니다. 둘째, 검색 및 헌트 UI 작업 흐름이 끔찍합니다. 그 작은 지역에 얼마나 많이 들어갈 수 있습니까? 왜 FF처럼하지 않습니까?

— Mr.

6

잘 작동하지만 FF보다 훨씬 오래 걸립니다. 크롬 개발 도구 아직 많은 개선을 필요로 ... = (

— 리카르도 마틴

8

개발자 도구가 자체 창에 있는지 확인하십시오. DT가 기본 창에 도킹되어 있으면 Ctrl + Shift + F 명령으로 소스를 검색하지 않고 대신 기본 검색을 실행합니다.

— 생명의 고속도로

22

이를 위해 Google에 있어야한다는 사실은 Chrome 개발자 도구의 UX에 대해 많이 이야기하고 있습니다.

— Piotr Owsiak

16

Control + Shift + F 또는 Console-> [검색 탭]으로 모든 파일 검색

참고 : 전역 검색은 콘솔 메뉴 옆에 나타납니다.

— 아셀
소스

이 답변은 본질적으로 최상위 투표와 동일하며 콘솔-> 검색을 포함하도록 업데이트되었습니다.

— Dan Dascalescu

10

이외에도 Ctrl+ Shift+ F( Cmd+ Option+ F맥)에서 제안 이 답변 , 당신이 바로 소스 탭에서 상위 트리 노드를 클릭하고 선택할 수 있습니다 "모든 파일의 검색"

— 큰 맥 라지 거대한
소스

5

더 이상 존재하지 않습니까? Windows에서는 보이지 않습니다.

— XP1

4

Chrome 58

— Dan Dascalescu

현재 버전에서 다시 존재

— Julix

Mac OS의 Chrome 버전 79에는 표시되지 않습니다.

— user674669

0

Windows Control + Shift + F에서 또한 컨텐츠 스크립트에서도 검색하십시오. 익명 및 컨텐츠 스크립트에서 설정-> 소스-> 검색으로 이동하십시오.

— JDev
소스

0

2018 년 10 월 26 일 현재 최신 Chrome에서 가장 인기있는 답변이 더 이상 작동하지 않습니다. 방법은 다음과 같습니다.

— 지난 싱
소스

설정에서 "익명 및 컨텐츠 스크립트에서 검색"을 선택해도 최고 등급의 답변이 계속 작동합니다. BTW 귀하의 답변은 요청 된 내용과 관련이 없습니다. 이것은 컨텐츠가 아닌 파일 이름 만 검색하기위한 것입니다.

— 코레이

0

과부에서 그것은 나를 위해 일하고 있습니다. Shift F를 제어하면 하단에 검색 창이 열립니다. 하단 영역을 확장하여 새 검색 창을 확인하십시오.

— 루페 쉬 쿠마르 티 와리
소스

-1

네트워크 응답에 텍스트가있을 수 있습니다. 네트워크 탭에도 검색 도구가 있으며 시도해 볼 수도 있습니다.

검색하려는 내용은 DOM 또는 메모리에 남아있을 수 있습니다. DOM에 있지 않다면 어쨌든 컴퓨터 화면에서 방금 보았 기 때문에 메모리에있을 수 있습니다. 검색 한 텍스트는 초기 DOM의 스크립트 또는 이후 요청의 응답에서로드 될 수 있습니다.

— 설리
소스