Это раздражает. У меня есть файл javascript, на который ссылается шаблон django:
<script src="{% static 'js/login.js' %} "></script>
Я внес некоторые изменения в этот файл js. Затем я обновляю страницу, и я не вижу изменений.
Если я удалю javascript из файла и поместил его в HTML, он будет работать корректно, но если я попытаюсь сделать это с помощью внешнего js файла, это не так. Я попытался закрыть сервер и запустить runerver несколько раз, я также попытался перейти с Firefox на Chrome. Это не имеет никакого смысла. Пожалуйста, помогите мне понять, я могу уйти с включением всех js внутри HTML, но это беспокоит меня, что я больше не могу делать это обычным способом.
Подробнее об этой ошибке (# $&% # weirdest вещь, которую я нашел):
javascript выглядит примерно так:
old_sentence = "Dig that hole, forget the sun" // this is what I want to change
$("#jqselector").text(old_sentence)
new_sentence = "Run, rabbit, run" // this is the new sentence, it just won't show up.
Итак, я изменил js и перезапустил сервер, но html показывает старое предложение. Затем я удалил ссылку на файл login.js и поместил все js внутри тегов script в HTML, конечно же, появится новое предложение. Затем я включаю файл login.js, комментирую js внутри html, но я удаляю все содержимое внутри файла login.js, делая его пустым файлом... но старое предложение все же появляется. Поэтому старый файл login.js должен быть обналичен где-то, я не знаю. Затем я открываю Chrome и снова пытаюсь использовать его, такую же проблему.
Что это может быть? есть ли опция заставить django обновлять статические файлы? Я думал, что перезапустить сервер было достаточно... я должен перезагрузить компьютер?:/lol.
Удаление статического файла python manage.py collectstatic --noinput --clear. Это заранее очистит статику.
Очистить кеш браузера
Добавьте случайную строку после включения js файла, например jquery.js? rand = 23423423, с каждой загрузкой.
Помогло ли это?
Похоже, что оба браузера имеют кешированный файл javascript. В Chrome вы можете очистить кеш, нажав Ctrl + Shift + Del и пометив только "Кэшированные изображения и файлы". Возможно, Firefox имеет аналогичный ярлык.
Вы можете взглянуть на этот вопрос на советы по отключению кэширования статических файлов на вашем сервере разработки вообще.
Вам нужно перебрать кеш браузера. Этот тег шаблона будет выводить основанный на времени uuid, когда DEBUG=True. В противном случае он будет искать переменную среды PROJECT_VERSION. Если это не найдено, он выведет статический номер версии.
import os
import uuid
from django import template
from django.conf import settings
register = template.Library()
@register.simple_tag(name='cache_bust')
def cache_bust():
if settings.DEBUG:
version = uuid.uuid1()
else:
version = os.environ.get('PROJECT_VERSION')
if version is None:
version = '1'
return '__v__={version}'.format(version=version)
Вы бы использовали в шаблоне, как это:
{% load cache_bust %}
<link rel="stylesheet" href="{% static "css/project.css" %}?{% cache_bust %}"/>
и вот результат:
<link rel="stylesheet" href="/static/css/project.css?__v__=7d88de4e-7258-11e7-95a7-0242ac130005"/>
Я тоже много часов боролся с этой проблемой. Я попытался ввести случайную строку, используя Javascript, но этот метод кажется глупым и уродливым. Одним из возможных способов решения этой проблемы является введение пользовательского тега. Подробнее см. :
В частности, вам нужно создать пакет под названием templatetags в любых приложениях, которые вы создали (или создать новый, если хотите). И вы создаете любой файл в этом пакете и пишете что-то вроде этого:
from django import template
from django.utils.crypto import get_random_string
from django.templatetags import static
register = template.Library()
class StaticExtraNode(static.StaticNode):
def render(self, context):
return super().render(context) + '?v=' + get_random_string(32)
@register.tag('static_no_cache')
def do_static_extra(parser, token):
return StaticExtraNode.handle_token(parser, token)
def static_extra(path):
return StaticExtraNode.handle_simple(path)
то вы можете использовать тег {% static_no_cache '.../.../path...' %} для создания пути со случайными аргументами!
Надеюсь, это поможет!
Вместо использования сложных решений вы можете добавить дополнительный параметр для ваших включений в шаблоны.
Для статических включает в себя:
<script src="{% static 'js/polls/polls.js' %}?version=1"></script>
Для прямого включает в себя:
<link rel="stylesheet" type="text/css" href="/site_media/css/style.css?version=1" />
Обратите внимание на ?version=1 в коде. Каждый раз, когда вы изменяете файл css/js, меняйте эту версию в шаблоне, чтобы браузер был вынужден перезагрузить файл.
И если вы хотите вообще избежать кеширования по неизвестной причине, вы можете использовать текущую метку времени вместо версии:
<link rel="stylesheet" type="text/css" href="/site_media/css/style.css?{% now "U" %}" />
Чтобы обновить статические файлы, вы должны снова запустить python manage.py collectstatic.
Если ничего не работает, найдите имя файла в проекте и найдите неожиданную копию. Если вы в какой-то момент сохранили неправильное местоположение (другое приложение) или раскололи новое приложение со старого, приоритет загрузки может играть трюки.
Если вы не хотите обновлять кэш браузера каждый раз, когда вы меняете свои файлы CSS и JavaScript, или во время стилизации изображений, вам нужно динамически установить STATIC_URL с изменяющимся компонентом пути. При динамически изменяющемся URL-адресе каждый раз, когда код обновляется, браузер посетителя будет принудительно загружать все новые некэшированные статические файлы. В этом рецепте мы установим динамический путь для STATIC_URL используя время последнего редактирования в ОС.
import os
from datetime import datetime
def get_file_changeset(absolute_path):
timestamp = max(map(lambda x: os.path.getmtime(x[0]), os.walk(os.path.join(absolute_path, 'static'))))
try:
timestamp = datetime.utcfromtimestamp(int(timestamp))
except ValueError:
return ""
changeset = timestamp.strftime('%Y%m%d%H%M%S')
return changeset
И следующее изменение в ваших SETTINGS:
from utils.misc import get_file_changeset
STATIC_URL = "/static/%s/" % get_file_changeset(BASE_DIR)
Как это устроено:
Функция get_file_changeset() принимает каталог absolute_path в качестве параметра и вызывает os.path.getmtime() для каждого файла в каждом вложенном каталоге и находит последний отредактированный файл (с его максимальным временем редактирования). Временная метка анализируется; преобразуется в строку, состоящую из года, месяца, дня, часа, минут и секунд; вернулся; и включен в определение STATIC_URL.
Примечание. При этом вам придется перезагружать dev-сервер каждый раз, когда вы редактируете статические файлы.
Одним из решений является изменение настроек на следующее:
STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'
Для этого создается копия статического файла с хэшем содержимого в имени файла (при запуске collectstatic). Таким образом, при изменении содержимого имя файла изменяется и старый кэш не будет использоваться. Единственная проблема в этом состоит в том, что он не используется в режиме DEBUG = True поэтому для полной перезагрузки необходимо выполнить перезагрузку.
Вы можете прочитать документы на ManifestStaticFilesStorage для получения дополнительной информации.
РЕДАКТИРОВАТЬ: Я нашел решение, чтобы убедиться, что статические файлы не кэшируются в Dev и разместил его на другой вопрос.
Для меня после повторного сбора статических файлов Just Changes отражены для меня.
$ python manage.py collectstatic --noinput --clear
Теперь запустите свой сервер, надеюсь, он работает.
$ python manage.py runserver
Ваш браузер будет кэшировать изображения и файлы (включая javascript). Во-первых, очистите только ваши кешированные изображения и файлы. Затем используйте режим инкогнито в хромированном или приватном браузере в firefox, в то время как вы вносите изменения в свои .js файлы, чтобы сразу их увидеть после обновления страницы.