近年来谷歌浏览器(Google Chrome)市场占有率越来越高,主要因为HTML5性能好、安全以及调试便捷等,对于普通用户无非就是打开网页比其他浏览器快,这大概可能要归功于谷歌浏览器成熟的缓存(Cache)机制了。
凡事都有两面性,缓存使我们打开网页快,但也因此让开发者在调试网页的时候总是得不到最新的页面。
因此,开发者必须在调试前端的时候禁用谷歌浏览器的缓存。
百度一番搜索下来,找到的设置方法均不适用最新版的Google Chrome,众所周知Google Chrome也是出了名的版本帝,截至到2017年12月15日Google Chrome的版本已经达到了63.0.3239.108,网上似乎并没有针对60大版本之后的设置方法,那么本博就截图并记录一下Google Chrome 63.0.3239.108版本里禁止缓存的方法。随着谷歌浏览器的升级,你有可能你不会在高于此文中的谷歌浏览器版本中找到图片里的部分设置。
在浏览器任何页面点击右键选择检查
、F12
或Shift+Ctrl+J
任意一种方法进入下图界面:
点击┊
选择Settings
进入设置(Settings)
界面滑动右侧的滚动条到Network
界面选择Disable cache(while DevTools is open)
如下图:
或者直接在调试者工具里选择Network
标签后勾选Disable cache
选项,如下图: