我往线上更新css文件,如何让网页实现自动更新

html-css016

我往线上更新css文件,如何让网页实现自动更新,第1张

最初最初的网页处理形式是,css有更新,网页则会自动重新调用css文件,以保证使用最新的样式。

但后来随着各大浏览器的网页缓存、服务器与CDN技术等等,即便你上传覆盖了新的css文件,那么除非用户手动刷新,否则无法正常调用最新的css。

根据你的网站项目,可以在css地址后加版本号的形式,如/style.css?v=123,每次更新手动修改版本号,实现全站自动更新css。

还有更好的方法就是,将css文件生成一个hash值,放到css文件名里,这样每次修改css,都会生成一个新名字的css。

再高级一点,涉及大型项目,如css、js的更新,就需要版本控制机制或工具来管理。

首先这个是当然的,css文件是样式文件,不在服务器执行,也不像ajax那样可以异步执行,所以你改了css样式是必须要刷新才能看到的。其次,浏览器解析代码都是从上到下的顺序,写在前面的先解析。最后,如果是你的css不能加载进来,那有可能是缓存问题

是不是有哪个脚本阻塞了CSS加载?你可以把CSS文件放到head标签的最上面(先于js)试试。另外,你的jQM框架的引用文件是使用了CDN还是本地文件?CDN的话可能是网络延迟太大造成的(谷歌的CDN最容易发生这样的问题)