Flask css not updating
PythonHtmlCssFlaskPython Problem Overview
I am using Flask (the python Package) on my mac, when I first wrote my css it displayed ok. However when I updated it and tried to check it, I only see the first css styles. I have tried restarting the terminal, as well as reinstalling Flask. Any suggestions? Thanks. Heres the HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<header>
<div class="header"></div>
<div class="logo">
<center><img src="/static/img/p_logo.png" alt="pic"/></center>
</div>
</header>
<div class="container">
{% block content %}
{% endblock %}
</div>
</body>
And heres the CSS:
* {
font-family: "Times New Roman", Times, serif;
}
header {
background-color: #000000;
width: 100%;
height: 7px;
}
Python Solutions
Solution 1 - Python
Problem is, as already said, related to browser cache.
To solve that, you could add some dynamic variable to your static (css, js) links. I prefer last modified timestamp for each file.
/static/css/style.css?q=1280549780
Here is a snippet for that:
http://flask.pocoo.org/snippets/40/
@app.context_processor
def override_url_for():
return dict(url_for=dated_url_for)
def dated_url_for(endpoint, **values):
if endpoint == 'static':
filename = values.get('filename', None)
if filename:
file_path = os.path.join(app.root_path,
endpoint, filename)
values['q'] = int(os.stat(file_path).st_mtime)
return url_for(endpoint, **values)