1

Почему стили обновляются только после нажатия ctrl f5?

2
  • в кэш заваливаются наверное 11 апр 2021 в 11:20
  • @АлексейШиманский <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> это не помогает
    – Nick
    11 апр 2021 в 11:29

2 ответа 2

2

Есть несколько вариантов решения.

1) Использовать hash при компиляции css

Настройте Ваш компилятор таким образом, чтобы при сохранении файлы пересоздавались с hash (пример: style.baedb042c16e1bf.css )

2) Добавляйте версионность Вашему css файлу

При подключении CSS файла, добавьте ему параметр ?ver={версия}, и при компиляции динамически меняйте ее, например, на текущую дату с временем. (пример: <link rel="stylesheet" type="text/css" href="../сss/main.css?v=20211104165031">) При этом можно что угодно писать в версию. Можно сделать счетчик, и при каждом сохранении дописывать +1.

Если вы используете в своем проекте PHP, то можете воспользоваться filemtime

<?php
  echo '<link rel="stylesheet" type="text/css" href="style.css?ver=' . filemtime('style.css') . '" />';
?>

Подобный код выведет <link rel="stylesheet" type="text/css" href="style.css?ver=1203291283" />

1
  • По личному опыту второй вариант не всегда почему-то срабатывал. 11 апр 2021 в 21:03
0

Ctrl-F5 перезагружает страницу игнорируя кэш. При обновлении через данную комбинацию будет отправлен запрос на сервер для всех статических сущностей.

2
  • что тогда сделать чтобы изменения отображались сразу, а не по нажатию комбинации
    – Nick
    11 апр 2021 в 12:15
  • опишите более детально свою задачу. Что вы изменяете в стилях? С чем это связано? да,и фрэймворк укажите
    – Dmitry
    11 апр 2021 в 12:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.