近年来谷歌浏览器(Google Chrome)市场占有率越来越高,主要因为HTML5性能好、安全以及调试便捷等,对于普通用户无非就是打开网页比其他浏览器快,这大概可能要归功于谷歌浏览器成熟的缓存(Cache)机制了。
凡事都有两面性,缓存使我们打开网页快,但也因此让开发者在调试网页的时候总是得不到最新的页面。
因此,开发者必须在调试前端的时候禁用谷歌浏览器的缓存。
百度一番搜索下来,找到的设置方法均不适用最新版的Google Chrome,众所周知Google Chrome也是出了名的版本帝,截至到2017年12月15日Google Chrome的版本已经达到了63.0.3239.108,网上似乎并没有针对60大版本之后的设置方法,那么本博就截图并记录一下Google Chrome 63.0.3239.108版本里禁止缓存的方法。随着谷歌浏览器的升级,你有可能你不会在高于此文中的谷歌浏览器版本中找到图片里的部分设置。
版本.jpg

在浏览器任何页面点击右键选择检查F12Shift+Ctrl+J任意一种方法进入下图界面:
点击选择Settings
设置.jpg

进入设置(Settings)界面滑动右侧的滚动条到Network界面选择Disable cache(while DevTools is open)如下图:
diasable cache1.jpg

或者直接在调试者工具里选择Network标签后勾选Disable cache选项,如下图:
diasable cache2.jpg

如果觉得我的文章对你有用,请随意赞赏