Chrome 개발자 도구 소스에서 javascript 파일이 올바르게 표시되지 않습니다.

JavaScript, jQuery 및 JSON 브라우저 디버깅이 새로 도입되었습니다. 하지만 크롬 개발 도구의 "소스"탭에서 브라우저의 자바 스크립트 파일을보고 내 중단 점을 설정하고 관리하여 코드를 효과적으로 디버깅 할 수 있다는 것을 알고 있습니다.Chrome 개발자 도구 소스에서 javascript 파일이 올바르게 표시되지 않습니다.

그러나 내가 Ctrl + Shift + I를 크롬 개발 도구를 엽니 다, 나는 소스 탭에서 내 자바 스크립트 파일의 목록을 볼 수 없습니다.의 형태로

난 단지 뭔가 ...

jslib.axd?=jquery-.7.2.min.js,query.validate.min.js,MyRegion.js,MyCountry.js,MyCategory.js

을 .. . 내 모든 자바 스크립트 파일의 연결된 목록처럼 보입니다.하지만 내 자바 스크립트 파일의 각 목록을 볼 것으로 예상했다.

스크린 샷 : 당신이 중단 점을 설정하려면

enter image description here

출처

2014-11-20 StackTrace

캡쳐 화면을 넣을 수 있습니까? – Larz

@larz, 스크린 샷이있는 원본 게시물을 업데이트했습니다. – StackTrace

압축 도구를 사용한 것처럼 보입니다. 귀하의 모든 자바 스크립트 파일을 결합하십시오. Chrome에서 오류가 발생하지 않습니다. 모든 스크립트 파일을 하나의 파일로 결합한 것입니다.

아직 개발 중이라면 적어도 개발자 작업을 마칠 때까지 압축하기 위해 사용하는 도구를 끄십시오. 그러면 스크립트가 페이지에 개별적으로로드됩니다.

그런 다음 chrome dev 도구를 사용하여 나열된 각 파일을 볼 수 있습니다.

출처

2014-11-20 13:21:39 Larz

감사합니다. 나는 이전 dev 에서이 프로젝트를 계승하고 네 실제로 자바 스크립트 파일이 압축되었습니다. – StackTrace

압축 된 파일인지 확인하는 방법은 무엇입니까? – prime

@prime "jslib.axd? = jquery-.7.2.min.js, query.validate.min.js, MyRegion.js, MyCountry.js, MyCategory.js"-----> 이것은 연결된 목록입니다. JavaScript 파일 이름. 압축 도구를 사용할 때이 결과가 나타나는 것을 보는 것은 드문 일이 아닙니다. – Larz

. 과 같이 코드에서 '디버거를'사용

//code here 
debugger;

나는 내가 당신을 easilly 그것을 할 수 있습니다 확신 자바 스크립트하지만 디버그에 크롬을 사용하지 않습니다. 파이어 폭스의 파이어 버그는 훌륭하다. IE를 '디버거'와 함께 사용하면 비주얼 스튜디오에서 디버그 할 수있다.

희망 도움말. 당신이 크롬을 사용하는 경우

출처

2014-11-20 13:00:58

"파이어 폭스에있는 방화 광케이블은 훌륭합니다."-> 이것은 의견입니다 - 질문에 대한 대답이 아닙니다. – Larz

-1

/파이어 폭스는

지금 바로 클릭 소스/스크립트 섹션으로 이동하고 중단 점

를 추가하고자하는 JS 파일을 선택는 웹 개발 도구 열립니다 F12을 누르면 해당 줄에 중단 점을 추가하려면 중단 점에 올 함수를 실행 한 다음 F10을 통해 단일 선을 디버그하고 다음 중단 점 누를 때까지 이동 F8

출처

2014-11-20 13:08:20

Chrome 개발자 도구 소스에서 javascript 파일이 올바르게 표시되지 않습니다.

답변

관련 문제