Ctrl F5를 누를 때까지 내 코드가 적용되지 않으며 때로는 둘 다 작동하지 않습니다.

질문

이걸 도와주세요. (Html, Sass / css, Javascript) 코드를 작성하면 "Ctrl F5"를 누르기 전까지는 변경 사항이 적용되지 않습니다. 프로젝트에서 다시 작업하고 싶을 때마다 발생합니다. WordPress 의상 테마를 만들고 있습니다. 그리고 Xampp, vscode 및 Microsoft 크롬 기반 브라우저를 도구로 사용하고 Xampp의 문제를 생각했지만 온라인 호스트에 내 테마를 설치할 때 변경 사항의 절반 (스타일 및 자바스크립트 기능)이 적용되었습니다! 그런 다음 Ctrl F5를 눌러 변경 사항이 다시 적용되었습니다. 무엇을 해야할지 모르겠습니다. 오늘까지 Javascript가 Javascript 코드를 작성하지 않은 것처럼 작동하지 않습니다.

답변1

일부 경우에는 F5 또는 CTRL-F5로 재설정하는 것만으로는 충분하지 않습니다. 브라우저에서 실제로 캐시를 삭제하는 데 도움이됩니다.

Chrome을 사용하는 경우 DevTools를 사용하는 동안 환경 설정에서 캐시를 비활성화 할 수 있습니다. 이것은 때때로 나를 도와줍니다. 약간의 성능 손실은 테스트에 신경 쓰지 않습니다.

Chrome에서이 작업을 수행하려면 F12 를 눌러 DevTools를 열고 설정 을 엽니 다. 환경 설정 을 클릭하고 캐시 사용 안함 을 표시합니다.

답변2

HTTP 캐싱 문제인 것 같습니다. https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching

HTTP 서버 (nginx, apache 등)를 제어 할 수있는 경우 Cache-Control : no-cache 를 포함하도록 응답 헤더를 변경합니다.

HTTP 서버를 제어 할 수없는 경우 URL에 버전 번호 매개 변수를 추가 할 수 있습니다.

예를 들면 :

a.js 가 변경되기 전 :

<script src="http://example.com/a.js?v=1"></script>

a.js 가 변경된 후 :

<script src="http://example.com/a.js?v=2"></script>

 

 

 

 

출처 : https://stackoverflow.com/questions/63355769/my-codes-dont-apply-until-i-press-ctrlf5-and-sometimes-dont-work-eitherly