前言

浏览器是有默认缓存的,当你在 http 服务下调试代码时,会出现改变 js 或者 css 文件,页面没有更改。因为浏览器会保存这些文件,并在下次打开页面需要这些文件时,仍然调用本地最开始缓存的文件,所以不会更新。导致了调试的困难。

解决办法

谷歌浏览器的设置: F12打开控制台,点进Network,将下面菜单栏的Disable cache复选框选中


那么在页面打开控制台的时候,不会使用缓存的文件,大大方便了开发者的调试

opera浏览器同样有这个按钮,选中即可

火狐浏览器和IE浏览器,在我并没有任何改动的情况下,已经能过出效果,并不需要刻意设置

开发环境下的做法

在开发环境下,都会使用自动化构建工具,将源码文件打包,除了index.html,更改了的文件会自动添加版本号,并且在文件中修改引用。这样就很好的避免了更新后在用户界面没有呈现效果的情况

生命的意义不仅是活着,而是我们给别人的生命带来了何种不同。