[javascript] Chrome 개발자 도구에서 특정 파일로 이동하는 방법은 무엇입니까?

무거운 프런트 엔드 접근 방식으로 웹 응용 프로그램을 개발 중입니다. Dojo와 AMD-way를 사용함으로써 저는 현재 수백 개의 다른 자바 스크립트 파일을 쉽게로드 할 수있는 테스트 화면을 가지고 있습니다.

특정 문제를 디버깅하거나 특정 파일의 이전 버전이 표시되는지 확인하고 싶을 때 Chrome 개발자 도구의 소스 탭에서 내 파일을 찾기가 정말 어렵습니다.

파일 이름을 입력하고 해당 파일의 소스로 이동할 수있는 바로 가기 나 작업이 있습니까?



답변

소스 탭 사용하는 동안 CTRL+ O( + O파일 이름에 의해 스크립트, 스타일 시트 및 조각을 검색 할 수있는 Mac 용).

( 파일을 볼 때 CTRL+ SHIFT+ O를 사용 하여 JavaScript 함수 / CSS 규칙으로 필터링 / 탐색)

[ Chrome Devtools Cheatsheet ]


답변

CTRL+ PWindows에서 검색 입력을 불러옵니다.

여기에 이미지 설명 입력

+ P— Mac에서.

여기에 이미지 설명 입력


답변

Windows에서 :

CTRL+ SHIFT+ F 를 사용 하여 파일의 콘텐츠를 검색합니다.

CTRL+ SHIFT+ O 를 사용 하여 파일 이름을 검색합니다.


답변

Mac : Command + O Windows : Ctrl + O


답변