뭐죠 웹 사이트 후 CSS 스타일 시트를 업데이트하는 가장 좋은 방법은 시각적 인 변화를 통해 간다?
최근에 내 웹 페이지를 새 이미지로 업데이트하고 CSS를 업데이트했습니다. 내 친구가 사이트를 보았을 때 어떤 이유로 브라우저에 새 이미지가 표시되는 이전 CSS가 브라우저에있었습니다. 그는 전에 사이트를 방문했습니다. 내 이해에서 스타일 시트가 새로 고쳐지지 않았지만 사이트를 처음 시작했을 때 이미지가 바뀌어 잘못 표시되었습니다. 그는 페이지를 새로 고친 후 CSS를 업데이트하고 괜찮아 보였습니다.
중요한 변경 사항을 적용한 후에 CSS의 이름을 변경해야 강제로 새 스타일 시트를 다운로드 할 수 있습니까? 또는 브라우저가 스타일 시트를 강제로 다시로드하도록하는 방법이 있습니까?
캐시되어 있기 때문에 이전 버전이 있습니다. 마지막으로 그는 cntrl + f5 (chrome) 또는 해당 브라우저를 사용하여 새로운 CSS 파일을 "강제 적용"할 수 있습니다. 아니면 단순히 캐시를 비우십시오.
당신이 할 수있는 일은 스타일 시트의 이름을 변경하는 것입니다. 스타일 시트 href에 ?=x을 추가하면됩니다. 그것은 브라우저가 새로운 버전이라고 생각하게하지만 실제로는 구 버전입니다.
당신은 파일이 (내가 추천하지 않는) 당신이 ?=에 타임 스탬프를 추가 할 수 있습니다, 그러나 다시, 나는
일반적인 솔루션은 다음과 같은 것을하지 않는 것이 좋습니다 다시 저장하고 싶지 않으면 : <link href="css/style.css?<?php echo time();?>" 이것은 브라우저가 CSS 파일을 다시 다운로드하도록합니다. 브라우저는 이것이 새로운 파일이라고 생각할 것입니다.
브라우저가 CSS 파일을 캐싱하고 있습니다. 이것이 개발 중 문제가되는 경우 스크립트 링크의 타임 스탬프와 같은 트릭을 사용할 수 있습니다. described here
프로덕션 환경에서는 일반적으로 문제가 없으며 캐시를 지우는 사용자가 해결할 수 있습니다. 일반적으로 브라우저는 새로 고침시 변경 사항을 선택합니다.