web工程开发过程中,js、css文件修改提交后修改效果不起作
2016-03-29 10:12
471 查看
初次进行web工程开发的人可能会碰到这样的情况:自己在明明对工程上的某个js或css文件进行了修改,并提交到服务器上去了。但是在客户端浏览器里面打开页面时,并没有看到修改后的效果,而是该js文件的旧版本的效果。
如果了解过浏览器缓存就知道,为了效率,浏览器通常会缓存js/css文件。如果没有清除浏览器缓存的该js文件的话,js的修改效果就不会起作用,因为浏览器还是用的缓存在本地的js文件。
如果是IE浏览器,直接:internet选项——>设置->查看文件,就可以看到浏览器缓存了哪些文件。
Firefox:缓存采用二进制的方式存储,查看可以在地址栏中输入about:cache
要清除就更简单了:internert选项——>删除。
示意图:
当然,如果你需要经常对js、css进行修改的话,也可以直接设置让浏览器不要缓存你的js文件。可以参考:
http://blog.csdn.net/superbirds/article/details/8243889
如果了解过浏览器缓存就知道,为了效率,浏览器通常会缓存js/css文件。如果没有清除浏览器缓存的该js文件的话,js的修改效果就不会起作用,因为浏览器还是用的缓存在本地的js文件。
如果是IE浏览器,直接:internet选项——>设置->查看文件,就可以看到浏览器缓存了哪些文件。
Firefox:缓存采用二进制的方式存储,查看可以在地址栏中输入about:cache
要清除就更简单了:internert选项——>删除。
示意图:
当然,如果你需要经常对js、css进行修改的话,也可以直接设置让浏览器不要缓存你的js文件。可以参考:
http://blog.csdn.net/superbirds/article/details/8243889
相关文章推荐
- [转] CSS direction属性简介与实际应用 ---张鑫旭
- radio改版样式
- CSS学习(二十一)-flexbox模型之二
- PHP实现可自定义样式的分页类
- IE下页面样式错乱,其他浏览器正常
- CSS
- css样式(一)
- CSS选择器
- 面包屑 CSS(合并小图标,减少链接请求数量)
- CSS学习
- CSS3滤镜详解--兼容器问题解决
- CSS布局和排版要点
- 围住浮动元素的三种方法
- CSS 相对/绝对(relative/absolute)定位系列(四)
- IE对于overflow:hidden;及其它CSS属性不兼容问题
- 用CSS3中的flexbox 布局模式使div内容垂直居中:
- CSS文本方向
- css中各种居中的奇技淫巧总结
- 推荐大家使用的CSS书写规范、顺序
- css学习--css基础