[Chrome devtools] 크롬 개발자 도구 디버깅 할 파일 열기(찾기)

 

 

ex)

크롬 개발툴로 디버깅을 하다가 에러가 발생하지 않는 페이지의 디버깅을 찍어보고 싶었다.

소스 툴에는 에러 나는 페이지만 나오는데 어떻게 하지?

 

 

 

1. 크롬 개발자 도구에서 소스 탭 클릭.

 

 

 

 

 

2.   페이지 카테고리에서 찾고 싶은 파일이 있는 폴더 우클릭.

 

 

 

 

3. 폴더 검색

 

 

 

4. 해당 폴더에서 파일 찾는다.

아니면 Search 에서 직접적으로 파일 경로 검색해도 된다.

 

 

 

 

 

* vue 는 그럴 필요 없이 vue 탭 누르면 된다.