NetBeans 및 Google Chrome을 사용하여 C hrome 디버깅 자습서를 수행하고 있습니다. 확장을 포함한 모든 것이 올바르게 작동하는 것 같지만 섹션에 도달 Use the Debugger하면 중단 점을 삽입하는 html 코드를 볼 수 없습니다.
브라우저에서 팝업 검사를 선택하면 콘솔에서 열리고 아무것도 표시되지 않고 Elements는 이미지가 추가 된 popup.html을 표시합니다. Sources로 이동하면 popup.html 파일을 열 수 있지만 Line 1은 비어 있습니다. js 파일을 열면 js 파일이 있고 편집 할 수 있습니다 (중단 지점).
미안합니다-아마도 기본적인 것 같지만 이것에 대해 그다지 경험이 없습니다. 나는 모든 것을 새로 고침하고 새로 고침을 시도했습니다.
후속 location.reload(true)조치 : 콘솔 프롬프트에 들어가면 popup.html 파일이 소스로 표시됩니다! 왜? 몰라요.
나는 이것이 내가 걸 으면서 보낸 하루 종일 누군가를 구하기를 바랍니다.
답변
이것은 Chromium DevTools 의 알려진 문제 로 보입니다 . 기본적으로 HTML 및 기타 스크립트가 아닌 콘텐츠는 DevTools가 열리기 전에 이미 플러시되었으며 다시 가져올 수있는 신뢰할 수있는 방법이 없습니다. DevTools로 페이지를 새로 고침하면 문제가 “수정”됩니다.
답변
제 경우에는 도움이 된 주문이
- 소스의 빈 탭 닫기
- 개발 도구 닫기
- 개발 도구 열기
- 소스에서 탭 열기 (여전히 비어 있음)
- 페이지 새로 고침
답변
이 문제가 있었는데 Inspector 설정 창 (F1)에서 “Enable Javascript Source Maps”를 비활성화하면 문제가 해결되었음을 알았습니다.
내 js.map을 다시 만들고 설정을 다시 활성화했으며 소스를 계속 사용할 수 있습니다.
그래서 내 문제는 내가 최소화되지 않은 js (dev settings)를 제공하고 있었지만 맵 (프로덕션 설정 용으로 제작 됨)은 여전히 거기에 있고 구식이라고 생각합니다.
답변
제 경우에는 탭에도 빈 페이지가 표시되어 콘솔에 액세스 할 수 없었습니다. 내 해결책은 빈 디버거 화면에 초점을 맞춘 CTRL + SHIFT + I 조합을 사용한 다음 parent.location.reload(true)팝업 디버거의 콘솔에 입력 하는 것입니다.
답변
제 경우에는 디버거가 디버거의 “도메인 없음”섹션 아래에 빈 인덱스 페이지를 제공하도록하는 크롬 확장이있었습니다. 크롬에서 필수가 아닌 모든 확장을 비활성화 한 후 디버거는 올바른 소스를 다시 표시했습니다.
답변
Dev Tools (F12)-> Inspector 설정 창 (F1)-> 기본값 복원 및 다시로드 [하단의 버튼]이 작동합니다!
답변
나는 심각한 자바 스크립트 문제가 이와 같은 문제를 일으키는 것으로 나타났습니다. 제 경우에는 오타로 인해 전체 문서를 잘못 덮어 썼습니다.
Chromium WebTools 디버거에 빈 html 페이지가 표시되는 경우 자바 스크립트를 잘 살펴보고 이상한 일이 없는지 확인하세요.
