更新 javascript/jquery 代码时清除浏览器网站数据答案

【问题标题】：Clear browser website data when update javascript/jquery code更新 javascript/jquery 代码时清除浏览器网站数据
【发布时间】：2017-08-15 14:23:42
【问题描述】：

我正在构建一个 asp.net 网站（使用 HTML、C#、Jquery ..）。
然后。网站已发布。
然后。我在 javascript 代码文件中需要修复一些错误。
我修复了它并重新发布了网站。
但是，浏览器保存缓存或其他浏览数据，用户没有得到固定版本。
那么，当我更改一些小代码或修复 js 文件中的小错误时，如何手动清除浏览数据或用户缓存（通过 javascript、jquery 或 C#）？我不能对用户说“你必须清除浏览数据才能获得新版本！”
谢谢。

【问题讨论】：

你看过这个帖子stackoverflow.com/questions/32414/…
@glassduo ：我之前没有看到那个帖子。我在 .aspx 中为我的 js 文件添加了版本，现在看起来效果很好。非常感谢玻璃二人组 Rajesh Barfa。

标签： javascript c# jquery caching cookies

【解决方案1】：

您可以尝试使用window.location.reload(true) 在您的页面上设置刷新，理论上这将忽略所有缓存文件并将您网站的新副本检索给用户。

如果页面不是最新的，可能会创建检查以刷新页面。

【讨论】：

【解决方案2】：

没有浏览器可以让你删除它的缓存。这是一个非常重要的安全方面，但你可以通过在你的 HTML 中传递这个元数据来防止兑现

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

您还必须通过

关闭自动完成文本框

formname.setAttribute( "autocomplete", "off" );

【讨论】：

【解决方案3】：

这可能无法直接回答您的问题，但如果您使用任何捆绑器（如 webpack）或任务运行器（如 gulp），您实际上可以使用哈希键生成文件。

例如，捆绑器将生成 js 文件的生产版本

myFile.d587bbd6e38337f5accd.js

d587bbd6e38337f5accd 是捆绑器生成的哈希键，它将由捆绑器本身注入。在这种情况下，每个版本都会有一个带有修改后的哈希键的 js 文件。所以它不会从缓存中加载

你可以查看LINK了解它

【讨论】：

【解决方案4】：

如果是 javascript，请使用 cacheBustingUrl，其格式如下所示，附加到 Date.Now() 将解决缓存问题。

   <script>
         var scriptUrl = "/site/js/script.js",
         cacheBustingUrl = scriptUrl + "?" + Date.now(),
         newScriptElement = document.createElement("script");
         newScriptElement.setAttribute("src",cacheBustingUrl);
         document.body.appendChild(newScriptElement);
    </script>

这应该附加一个新的脚本元素，如

 <script src="/site/js/script.js?1404918388711"></script>

到页面的末尾，浏览器将像任何其他脚本标签一样加载它。

【讨论】：