为什么最新的CSS文件无法在浏览器中更新？

如何解决为什么最新的CSS文件无法在浏览器中更新？

如果我在描述自己在做什么时使用的术语不正确，请原谅我。这是我第二周开始使用html，css和javascript进行网页设计。

单击浏览器上的重新加载按钮，然后转到地址栏，然后按Enter键进入网页，这有什么区别？

我对js和css文件进行了更改，并单击了浏览器上的reload按钮。但是，当我在浏览器中检查页面上的元素进行调试时，js和css文件很旧，没有更新。仅当我转到地址栏并在网页上按Enter时，它才会在调试时显示新的CSS文件。

为了说明我在做什么，有人给了我一个HTML技巧，以便当我进行更改并重新启动Web服务时，它将（应该）重新加载文件而无需执行任何操作：

  <script src="/static/js/plan_runner.js?u={{ app_start }}" type="text/javascript"></script>
  <link href="/static/css/plan_runner.css?u={{ app_start }}" rel="stylesheet">

我的route.py文件中包含以下代码段：

from flask import Flask,request,render_template
app = Flask(__name__)
APP_START=int(time.time())
...
...
@app.route('/blah')
def tester():
...
...
return render_template("test.html',app_start=APP_START)

但是，这似乎仅在我转到地址栏并单击我的URL时才起作用。当我在页面上并单击浏览器上的“重新加载”按钮时，似乎没有更新我的js或css文件。

有人可以向我解释单击重新加载按钮和在地址栏上单击Enter之间有什么区别，为什么一个案例更新了我的css和js文件，而另一案例却没有？谢谢。

解决方法

这种情况经常发生在我身上，我找到了解决此问题的方法。

以开发（调试）模式运行flask服务器。为此，只需运行以下命令来启动Flask服务器：

 1. export FLASK_ENV=development
 2. export FLASK_APP=app.py (replace app.py with your main file name and .py)
 3. flask run

这将在您保存的每个更改后重新启动服务器。

第二个解决方案： 禁用浏览器缓存。 Google Chrome浏览器允许您禁用缓存。