如何强制浏览器加载新内容

Question

我的浏览器出现问题（笔记本电脑上的Chrome浏览器和智能手机上的Chrome浏览器都出现问题。我正在开发一个网站页面（HTML，javascript），并且注意到我的浏览器始终在不每次加载页面的情况下检索缓存的信息，因此我看不到我在代码中所做的更改。

为了查看更改，我总是必须清除Web数据并清除浏览器缓存。我已经检查了两个浏览器上的设置，但是一切似乎都没问题。

我添加了这些行，但是问题仍然存在。

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="HandheldFriendly" content="True">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0" />
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

Answer 1

客户端技术] >>

强制新版本进入浏览器，您始终可以向请求中添加查询字符串，并在进行重大更改时提高版本号：

 <script src="/myJavascript.js?version=4"></script>      <-- Version Number add each time
这将确保每个人都获取新文件。之所以起作用，是因为浏览器查看文件的URL以确定它是否在缓存中具有副本。如果您的服务器未设置为对查询字符串执行任何操作，它将被忽略，但是名称对于浏览器来说就像一个新文件。

开发方技术

另一方面，如果您正在开发网站，则每次保存对开发版本的更改时，您都不想更改版本号。

因此，在开发网站时，一个好技巧是自动生成查询字符串参数：

<!-- Development version: -->

<script>document.write('<script src="/myJavascript.js?dev=' + Math.floor(Math.random() * 100) + '"\><\/script>');</script>
每次都会为您生成查询字符串！