对于网页来说,禁用缓存的办法很多,这里就不一一描述。本篇文章描述的是,如何利用electron的方式来禁用缓存。此方案是electron独有的禁用方式,即Electron支持的Chrome命令行开关,和现有的任何网页技术都没有关系。

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - electron-no-cache
electron 如何禁用本地缓存?强制刷新缓存方案(图7-1)

本文的测试环境:mac/electron@1.8.2,基础代码是改造版的quick-start

关键代码

const app = electron.app
//...
app.commandLine.appendSwitch("--disable-http-cache");
//...
app.on('ready', createWindow)

这句关键代码app.commandLine.appendSwitch("--disable-http-cache"),需要放置在ready事件之前。

效果对比

接下来,苏南大叔通过dev-tools和网页刷新功能的组合,来观测一下对比效果。

网页刷新

网页刷新功能,可以用顶部的菜单实现。

mac系统下快捷键是:花 + R

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - mac_menu
electron 如何禁用本地缓存?强制刷新缓存方案(图7-2)

win系统下快捷键是:ctrl + R

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - menu
electron 如何禁用本地缓存?强制刷新缓存方案(图7-3)

没禁用缓存效果

下面是没禁用缓存的时候的效果。

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - cache
electron 如何禁用本地缓存?强制刷新缓存方案(图7-4)

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - cache_code
electron 如何禁用本地缓存?强制刷新缓存方案(图7-5)

禁用缓存效果

下面是使用--disable-http-cache来禁用缓存的效果。

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - no_cache
electron 如何禁用本地缓存?强制刷新缓存方案(图7-6)

苏南大叔:electron 如何禁用本地缓存?强制刷新缓存方案 - no_cache_code
electron 如何禁用本地缓存?强制刷新缓存方案(图7-7)

总结

多个技能点就有多个解决方案,这个解决方案你get到了么?更多苏南大叔带来的electron相关经验文章,请点击这里查看:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    cache

本站的忠实读者小伙伴,正在阅读下面这些文章: