Chrome 개발자 도구는 더 이상 모든 자바 스크립트 파일을 표시하지 않습니다.

모든 JavaScript 파일이 Chorme 개발자 도구에 더 이상 표시되지는 않습니다.

Google 크롬이 최신 상태입니다. 버전 44.0.2403.130 m 앱의 디버그 버전입니다. 머리 속의 스크립트.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

스크립트의 첫 부분은 localhost / Scripts / * 경로의 소스 메뉴 아래 Chrome 개발자 도구에서 볼 수 있습니다. 어제부터 스크립트의 두 번째 부분이 보이지 않습니다. 개발자 도구의 문제는 무엇입니까?

JavaScript 콘솔에는 오류가 없습니다. 네트워크 탭에서 JavaScript 파일에 대한 성공적인 요청을 볼 수 있습니다. 모든 JavaScript가로드됩니다. 응용 프로그램이 잘 작동합니다.

개발자 도구의 문제는 무엇입니까? 누구 아이디어가 있습니까?

작업 공간에 localhost "폴더"를 추가하면 서버 측 소스 파일까지 모든 것이 표시됩니다.

개발자 도구에서 네트워크 탭을 열고 F5를 눌러 새로 고침-질문에 대한 의견을 보내 주신 @ Seano666에게 감사드립니다.

저에게는 개발자 도구 설정을 열고 첫 번째 탭에서 "기본값 복원 및 다시로드"버튼을 클릭해야했습니다.

그런 다음 모든 로컬 스크립트가 다시 나타나고 디버깅이 정상으로 돌아 왔습니다.

debugger;스크립트의 어느 부분 에나 명령을 추가하면 디버거는이 시점에서 중지하고 스크립트가 동적으로로드 되더라도 스크립트를 표시합니다.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

reload개발자 도구 에서 버튼을 마우스 오른쪽 버튼으로 클릭하십시오 .
선택할 수있는 메뉴가 표시됩니다 Empty Cache & Hard Reload..
그것은 나를 위해 일했습니다.

나는 같은 문제가 있었고 "Empty cache and hard reload"가 나를 위해 일했습니다.

문제 : 한동안 개발 / 디버깅을했는데 비슷한 문제가 발생했습니다. 콘솔 로그에 줄 번호가 표시되었지만 클릭하면 빈 페이지의 줄 1로 이동했습니다. 내 스크립트는 html에 포함되어있어서 Elements 탭에서 볼 수 있었지만 Sources 탭에서 파일을 열었을 때 그냥 비어있었습니다.

솔루션 : 나를위한 수정 은 URL 주소 를 복사하여 새 탭에 붙여넣고 개발 도구를 다시 여는 것이 었습니다 . 원래 탭이 어떻게 든 나쁜 상태가되었습니다.

문제는 네트워크 매핑 및 매핑 해제 때문입니다. 이러한 종류의 문제를 일으키는 크롬 개발 도구에는 이상한 버그가 있습니다. 때로는 사이드 바에서 오래된 CSS 파일을 볼 수 있으며 왼쪽 사이드 바에서 CSS 파일을 열 때도 있습니다. 그것은 단지 비어 있거나 더 나쁘거나 보이지 않을 것입니다.

심지어 나는 모든 옵션을 시도했습니다. 다시 시작, 모든 chache 제거, 매핑 해제 매핑. 시크릿 모드. 그러나 결국이 문제를 해결하려면 다시 설치해야했습니다.

그러니 새로운 크롬 설치를 계속하십시오. 모든 것이 잘되어야합니다.

폴더가로드되지 않는 것과 동일한 문제가 발생했으며 다음과 같은 방법으로 해결했습니다.

1. 에서 Sources모드 파란색으로 강조 표시 버튼을 클릭합니다 :

   

2. 을 선택 Open file합니다.

3. 검색 입력 상자에 원하는 파일의 이름을 입력하십시오.

4. 결과 목록에서 파일을 선택하십시오.

그 이유는 스크립트 파일이 아직로드되지 않았기 때문입니다. f5로 페이지를 새로 고치면 소스에 나열된 스크립트가 표시됩니다. 이것은 태그 하단에 스크립트 태그를 넣었을 때 발생했습니다.

제 경우에는 Chrome 캐시 문제였습니다. 새로 고침이 효과가 없었습니다. 아래 파일을 매핑 한 후 내 문제를 해결했습니다.

1- 브라우저에서 파일 열기 (예 : http://example.com/script.js)

2- 버전 추가 (예 : http://example.com/script.js ? v = 2)

이렇게하면 캐시가 지워지고 파일이 편집 가능한 것으로 표시되기 시작합니다.

크롬에서 디버깅하는 경우 디버거를 추가하십시오. 디버깅을 위해 브라우저를 중지하려는 자바 스크립트의 앞뒤 문

Chrome 프로필 데이터를 제거하여 Chrome을 다시 설치했습니다. 이제 작동합니다.

동일한 문제가 발생했습니다. 내가 한 것은 프로필 이름 (예 : C : \ Users \ userprofile \ AppData \ Local \ Temp)에서 로컬 AppData의 모든 Temp 파일을 삭제하는 것뿐입니다.

나에게도 '매핑 및 매핑 해제'문제였습니다. 모든 매핑을 제거했지만 웹 사이트 아래의 폴더가 보이지 않았습니다.

나를위한 해결책은 개발 도구의 설정에서 "작업 공간"탭으로 이동하는 것입니다. 여전히 약간의 매핑이있었습니다. 나는 모두 제거했다. 재 장전 후 괜찮 았습니다.

나는 같은 문제가 있었고 언급 된 답변을 시도했지만 Chrome이 자동으로 업데이트되고 다시 시작해야 모든 것이 잘 작동합니다.

chrome://settings/help크롬 URL을 입력 하고 다시 시작해야하는지 확인하십시오.

이 문제는 자바 스크립트 스크립트 태그 내부의 철자 오류로 인해 발생했습니다.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

문제는 attribute 내부의 맞춤법 오류였으며 type다음으로 변경되었습니다.

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

그리고 그것은 나를 위해 원활하게 작동했으며 때로는 문제가 매우 사소하지만 효과가 더 큽니다.

제 경우 문제는 제가 가지고 있던 자바 스크립트 파일이 로딩하는 데 훨씬 더 오래 걸린다는 것이 었습니다 (약 5 분). 그래서 그것들이 전혀 로딩되지 않는다는 인상을 받았습니다. 오랜 시간이 지난 후에 로컬 프로젝트를로드 할 때 이런 일이 발생하는 것을 보았습니다. 로드되면 페이지를 새로 고친 후에도 메모리에 남아 있습니다.