Google 크롬 개발 도구가 표시되지 않는 요소 스타일을 검사합니다.
몇 주 전부터 시작하여 모든 사이트가 아닌 일부 사이트에서 요소를 검사 할 때 스타일 탭에 "스타일 상자"만 표시되고 CSS와 관련된 실제 스타일은 표시되지 않습니다. -다시 말하지만 이것은 일부 사이트 에서만 발생 합니다.-이상합니다.
다음과 같이 보일 것입니다 (css와 관련하여 오른쪽에 스타일 이 표시됨).
하지만 ...... 대신에 일부 사이트에서는 몇 주 전에 다음과 같이 시작되었습니다. 스타일 탭에 CSS가 표시되지 않습니다.
참고 : 2 년 동안 작동했습니다. 페이지가 괜찮아 보이고 모든 스타일이 DOM에 적용되고 있지만 요소를 검사 할 때 스타일 탭에 표시되지 않습니다.
어떤 아이디어 ??
이 문제를 해결하기 위해 Chrome 개발자 도구-> 설정-> 하단으로 스크롤하여 "기본값 복원 및 새로 고침" 을 클릭 하면 모든 것이 마법처럼 돌아 왔습니다!
나는 그것이 작동하고 멈출 때 사이에 아무것도 변경하지 않았으므로 왜 고장 났는지 확실하지 않지만 이것이 당신에게도 도움이되기를 바랍니다.
탭을 닫았다가 다시 연 다음 오른쪽 클릭> 요소 검사하기 만하면됩니다. 전체 개발 도구를 기본 설정으로 복원 할 필요가 없습니다. 낭비입니다. 그것을 시도, 작동합니다! :)
나는 Chrome Developer Tools -> Settings -> Enable JavaScript source maps그 체크 박스 로 가서 비활성화해야했습니다. 그것은 아마 가지고하는 것은 sourcemaps 그리고 내가 짓고 있어요 있다는 사실과 scss에 css.
나를 위해 일한 것 : chrome : flags> 개발자 도구 실험 활성화> 비활성화. 나는 어느 시점에서 그것을 활성화하고 몇 년 동안 문제없이 사용했지만 OP가 설명 한 스타일 세부 사항을 볼 수 없었습니다. 업데이트 후, devtools 환경 설정을 기본값으로 재설정하고, 시크릿을 시도하더라도 이것이 다시 작동하는 것처럼 보였습니다. 몇 가지 깔끔한 실험이 있었지만 오히려 내 일을 할 수 있었으면 좋겠다 ...
나도이 문제에 직면했다 !!!
style.css 파일로 인해이 문제가 발생했습니다 ..
방금 새 CSS 파일 (예 : style1.css)을 만들고 이전 CSS 파일 콘텐츠 (style.css의 모든 줄)를 style1.css 파일에 붙여 넣었습니다. 효과가있다
참고 : CSS 파일을로드하는 링크 태그를 업데이트하는 것을 잊지 마십시오.
나는 똑같은 이상한 문제를 겪고 있었다. 이것이 무엇이 발생했는지 100 % 확신 할 수는 없지만 빌드 도구를 사용하여 SCSS를 CSS로 빌드합니다. 내 CSS 파일로 이동하여 소스 맵 참조를 제거했습니다.
/*# sourceMappingURL=myCSS.map */
그리고 갑자기 다시 나타나기 시작했습니다. 그런 다음 다시 추가했는데 여전히 볼 수 있습니다. 이것이 맵의 버전이 지금 캐시되기 때문인지 확실하지 않지만 이것은 나를 위해 일했습니다.
CSS 파일이 제대로로드되지 않은 것 같습니다. 외부 스타일 시트를 참조하기위한 구문을 확인하십시오.
이럴거야
<link rel="stylesheet" type="text/css" href="mystyle.css">
rel = "stylesheet"를 건너 뛰는 경우 브라우저는이를 일반 파일로 인식 할 수 있습니다. 스타일 시트로드를 확인하려면 Chrome Inspector- > Sources 로 이동 하세요.
아무것도 재설정 할 필요가 없습니다. 도움이되기를 바랍니다 :)
나는 또한 다른 사용자가 나를 위해 액세스하도록 제안한 제안 외에도이 문제에 직면했습니다.
Chrome 개발자 도구-> CSS-> Relaoad Linked Style Sheets
저는 Dreamweaver와 Breckets를 사용합니다. Dreamweaver를 사용할 때만 문제가 발생했음을 알 수 있습니다. Dreamweaver의 환경 설정을 변경하여 문제를 해결했습니다.
-> 코드 형식-> 줄 바꿈 유형-> CR LF (Windows)
도움이 될 것 같아요 .. 만약 각도 프로젝트라면> 그냥 실행
ng serve --extract-css.
'Programing' 카테고리의 다른 글
| 왜 TypeError : 'float'유형의 정수가 아닌 시퀀스를 곱할 수 없습니까? (0) | 2020.10.22 |
|---|---|
| C # Distinct () 메서드는 시퀀스의 원래 순서를 그대로 유지합니까? (0) | 2020.10.22 |
| Android 스튜디오 : Gradle 동기화 실패 : '…'HEAD를 보낼 수 없습니다. (0) | 2020.10.22 |
| Borg 패턴이 Python의 Singleton 패턴보다 나은 이유 (0) | 2020.10.22 |
| Chrome 개발자 도구 : html 스크립트가 비어 있습니다 (소스에서) 디버깅 자습서 (0) | 2020.10.22 |