js、css版本控制,解决文件缓存问题
js、css版本控制,解决⽂件缓存问题
⾸先,介绍⼏个常⽤的 HTTP 响应的状态码:
200 - 服务器已成功处理了请求,并返回所请求的内容。
生活中的困难
304 - ⾃从上次请求后,请求的内容未修改过,浏览器直接从本地缓存中取得,服务器则不会返回。
404 - 服务器不到请求的内容,通常,对于服务器上不存在的⽹页经常会返回此状态码。
回到本⽂主题,⼀般浏览器打开⽹页时都会对 JS、CSS ⽂件进⾏缓存,以便在下次打开时可以直接从缓存中取出,⽽不⽤费劲地向服
务器再次请求。可是如果 JS、CSS ⽂件在服务器那边被修改过,浏览器从本地缓存中取得的⽂件就不是最新的了。
这个问题怎么解决?其中⼀个⽅法就是为 JS、CSS ⽂件加上版本号,如:
<link rel="stylesheet" href="/Public/css/index.css?version=20160223" />
<script src="/Public/js/search.js?version=20160223" type="text/javascript"></script>
电脑如何截图每当 JS、CSS ⽂件被修改时,就在调⽤它的路径后⾯把版本号也给改了,这样⼀来,浏览器检测到版本号发⽣变化,就会向服务器重新请求相应的 JS、CSS ⽂件了。
工商银行网上银行怎么开通在 Google 浏览器的调试⼯具中,Network 选项卡可以查看⽂件的请求/响应情况,状态码为 200 表⽰⽂件从服务器传来的,304
关于时间的谚语
表⽰⽂件是取⾃浏览器缓存的。
但是我改变版本号之后,第⼀次刷新(F5,⾮ Ctrl+F5)还是 304,要刷新两到三次才变成 200。这个问题还需进⼀步研究......
迈克尔杰克逊 迈克尔乔丹
这个⽅法的缺点就是:每次修改⽂件,都要改写版本号,⽽且如果在多个地⽅调⽤了这个⽂件,还要改多个地⽅。我喜欢的一句名言
所以有必要寻更好地版本控制的⽅法。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。