style.css? ver = 1 태그 란 무엇입니까?

Question

일부 웹 사이트는 style.css?ver=1과 같은 CSS 태그를 사용하고 있습니다. 이게 뭐야?

?ver=1의 목적은 무엇입니까?

어떻게해야합니까?

Answer 1

CSS의 캐싱을 피하려면.
웹 사이트에서 CSS를 업데이트하면 버전이 높은 버전으로 업데이트되므로 브라우저는 새로운 파일을 가져와 이전 버전의 캐시를 사용하지 않아야합니다.
그렇지 않으면 브라우저에서 새 HTML 코드와 오래된 CSS가 표시 될 수 있으며 웹 사이트의 일부 요소가 손상되었을 수 있습니다.

Answer 2

? ver = 1의 목적은 CSS 파일을 매개 변수화하는 것입니다. 따라서 새 style.css 파일을 게시 할 때 버전을 올리면 캐시 된 파일을 가져 오는 대신 클라이언트가 새 파일을 다운로드해야합니다. 번역.

Answer 3

?ver=1은 버전 번호입니다. 웹 앱의 새로운 빌드가 생성 될 때마다 앱은 ver을 새 버전으로 업데이트 할 수 있습니다. 이것은 브라우저가 새로운 CSS 파일을로드하고 캐시 된 파일을 사용하지 않기 때문입니다 (둘 다 다른 파일 이름 사용).

는 당신은이 사이트를 참조 할 수 있습니다

'? 버전 = 1'http://www.knowlegezone.com/36/article/Technology/Software/JavaScript/CSS-Caching-Hack----javascript-as-well

Answer 4

이 추가하기 GET 매개 변수 쿼리, 잘 행동 브라우저 (및 프록시)와 같은 HTTP 요청의 모습 수는 매개 변수화 된 쿼리를 캐시을 거부합니다 . 물론 잘 작동하는 브라우저 (및 프록시)는 'Cache-control : no-cache', 'Expires', 'Last-Modified'및 'ETag'응답 헤더 (모두 HTTP에 추가 된) 올바른 캐싱 동작을 지정).

'? ver = 1'메서드는 사이트 개발자가 올바른 응답 헤더를 구현하는 방법을 알지 못하거나 너무 게으른 경우 동작을 강제하는 비싼 방법입니다. 특히 CSS 파일이 거의 변경되지 않는 경우에도 모든 페이지 요청이 CSS 파일을 강제로 요청한다는 것을 의미합니다.

내 권장 사항은 무엇입니까? 하지 마십시오.

Answer 5

IMO이 작업을 수행하는 더 좋은 방법은 파일 내용 또는 최종 수정 날짜를 기준으로 파일 크기 나 체크섬으로 생성 된 해시를 포함하는 것입니다. 그렇게하면 일부 버전 번호를 업데이트 할 필요가 없으며 파일 번호가 파일의 변경되는 속성에서 벗어날 수 있습니다.

Answer 6

HTML 및 CSS 또는 기타 기술로 웹 응용 프로그램을 개발 중이고 일부 외부 CSS 또는 JS 파일을 사용하는 경우 기존 css를 변경 한 경우도 있습니다. 또는 .js 파일이면 브라우저는 변경 사항을 즉시 반영하지 않습니다.

그런 경우 브라우저에서 .css 및 .js 파일의 최신 버전을 새로 다운로드하지 않고 대신 로컬 캐시에 저장된 파일을 사용합니다. 따라서 최근에 변경 한 사항은 귀하에게 표시되지 않습니다. 브라우저가 "? V = 1.1"과 함께 다른 파일로 "있는 style.css"를 취급 웹 페이지를로드

<link rel="stylesheet" href="style.css?v=1.1"> 

위의 경우. 따라서 브라우저는 스타일 시트 또는 스크립트 파일 인 경우 새로운 사본을 다운로드해야합니다.