CSS 수정 후 업데이트가 되지 않으면 어떻게 해야 하나요?

수정 후 CSS가 업데이트되지 않는 문제 해결 방법: 1. 디버깅하기 전에 브라우저 캐시를 지웁니다. 2. 디버깅 페이지에서 "캐시 비활성화"를 선택합니다. 3. "ctrl+shift+R"을 사용하여 강제로 새로 고칩니다. 그리고 js 코드.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

웹 개발 과정에서 js 코드를 디버깅해야 하는 경우가 종종 있는데 이때 수정한 코드가 적용되지 않을 수 있습니다. 이는 브라우저에 기본적으로 캐시가 있기 때문입니다. 그러나 이때 캐시는 디버깅 작업에 영향을 미치게 됩니다. 여기서는 Chrome 브라우저가 이 문제를 해결하는 방법을 소개하겠습니다.

업데이트되지 않는 Chrome CSS 수정에 대한 솔루션:

방법 1: 디버깅하기 전에 브라우저 캐시를 지우세요

브라우저 설정 인터페이스에서

또는 바로가기 키를 사용하여 캐시를 직접 지우려면 ctrl+shift+delete

초 , 설정 브라우저가 페이지를 캐시하지 않습니다

디버깅 페이지에서 캐시 비활성화를 선택하세요

3. 페이지를 강제로 새로고침합니다

Ctrl+Shift+R을 사용하여 강제로 새로고침하고 브라우저 캐시를 사용하여 페이지를 새로고침하지 마세요

4. 코드 관점에서 캐시 해결 문제

브라우저가 CSS 또는 js 파일을 캐시합니다. 버전 번호를 설정하고 변경하면 브라우저가 js 또는 css 뒤에 ?v=를 추가합니다. 버전 번호의 사용법은 다음과 같습니다

css 및 매개변수가 있는 js(.css?v= 및 .js?v= 또는 .css?version= 및 .js?version= 형식)

<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script>
<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />

권장 : "css 동영상 튜토리얼"

위 내용은 CSS 수정 후 업데이트가 되지 않으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!