最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Auto clear cache from browser - Stack Overflow

programmeradmin3浏览0评论

Is there any workaround to auto clear the cache as we update the javascript code? It always happen where when I do the script code changes, from other user device, they won't be able to see the new update of the website because their browser is still reading the old script and they will see this as a bug since they do not know about this cache stuff. I have to mention the cache every time when there is an update made which is giving a bad experience to the user.

Usually for an image, I will set some additional unique id from the get method inside the url so that the website is able to read the latest update. But for javascript / jquery, I wonder if there is any kind of code to force the browser to read the new update instead of manually clearing the cache.

Is there any workaround to auto clear the cache as we update the javascript code? It always happen where when I do the script code changes, from other user device, they won't be able to see the new update of the website because their browser is still reading the old script and they will see this as a bug since they do not know about this cache stuff. I have to mention the cache every time when there is an update made which is giving a bad experience to the user.

Usually for an image, I will set some additional unique id from the get method inside the url so that the website is able to read the latest update. But for javascript / jquery, I wonder if there is any kind of code to force the browser to read the new update instead of manually clearing the cache.

Share Improve this question asked Oct 11, 2020 at 8:23 EmeraldEmerald 4092 gold badges8 silver badges19 bronze badges 1
  • Try forcing no-cache on your page: Disable browser caching – ATD Commented Oct 11, 2020 at 8:27
Add a ment  | 

2 Answers 2

Reset to default 2

You have 3 options:

  1. Put this in the head section of your html page :
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

This will make your app to not cache anything at all ( at least you can keep it during development)

  1. Use hard refresh for example ctrl+f5 if you are using chrome every time you reload.

  2. Use a Cache killer plugin for your browser. There's a bunch of them out there, you just install them and enable them whenever you want.

You can add a dummy unique id for you javascript. (eg, /javascript.js?id=123)

发布评论

评论列表(0)

  1. 暂无评论