Как отключить кеширование браузера на своем сайте?

Question

[ne_pes]

Когда меняю файлы на хостинге, изменения не применяются, приходится чистить историю браузера, как можно это исправить?

Comments

[Алексей]

Применительно к самому сайту Несколько примеров

[Сергей delphinpro]

Стандартный путь решения проблемы — версионирование файлов.
Об этом уже написали в ответах.

<script src="main.js?v1"></script>

Варианты: использовать временную метку, использовать хеш файла. Примеры на php:

<script src="main.js?nocache=<?= time() ?>"></script>
<script src="main.js?nocache=<?= md5_file('main.js') ?>"></script>

[Сергей delphinpro]

Во время разработки, когда файл постоянно правится, кэш просто напросто отключается в браузере



Эту галочку можно оставить включённой насовсем. Отключение таким образом кэша работает только при открытой консоли.

[ne_pes]

Сергей, вставил это в конец html документа, но с css что делать?

[Сергей delphinpro]

ne_pes, то же самое.

[ne_pes]

Сергей, script src="main.js?v1">/script вставил в конец css - никаких изменений

[Сергей delphinpro]

ne_pes, какой нафиг скрипт???

link href="styles.css?bla-bla-bla"

[ne_pes]

Сергей, все, я понял, большое спасибо!

[Сергей delphinpro]

ne_pes, поясняю.
Чтобы заставить браузер всегда загружать обновлённый файл, проще всего менять URL к этому файлу. Но не будем же мы каждый раз перемещать/переименовывать файл? Нет. Мы просто изменим параметр в URL. Адрес будет новым, браузер файл загрузит

styles.css?v=1
styles.css?v=2
styles.css?v=3

Теперь вручную менять параметр после каждого изменения тоже не айс. Надо автоматизировать. Вариант с полным отключением кеша — это выводить текущую метку времени (время каждый раз будет новое, адрес будет новый, файл будет перезагружаться с каждым запросом страницы)

styles.css?v=<?php echo time() ?>
Более адекватный вариант — отслеживать изменения в файле. Можно по метке последнего изменения файла из файловой системы

styles.css?v=<?php echo filemtime('styles.css') ?>
или по хешу содержимого файла

styles.css?v=<?php echo md5_file('styles.css') ?>
Принцип понятен?

Answer 1

[Snewer]

Пишите в конец файла какой-нибудь параметр:

<script src="main.js?v1"></script>
<script src="main.js?v2"></script>
<script src="main.js?v3"></script>

за счет этого браузер будет загружать файл заново.
Чистить свой кеш не вариант, поскольку ваши пользователя не обязаны это делать.

Comments

[ne_pes]

можете подробнее рассказать, то есть, если я напишу в конец html то он и css заново подгрузит?

[Anton Filippov]

ne_pes, к css тоже версии нужно будет добавлять

[ne_pes]

flppv, "" добавил это к css, ничего не поменялось
может для css что-то другое нужно?

[Snewer]

ne_pes, не нужно. покажите пример, как вы добавляете

Answer 2

[Егор Живагин]

Shift + F5 -- перезагрузка страницы без кэша в Chrome
В остальных Ctrl + F5 , насколько я помню

Answer 3

[Александр Таратин]

Включите Last-Modified и ETag заголовки
https://webo.in/articles/habrahabr/15-yahoo-best-p...

Пример почему одного Last-Modified не достаточно
https://habrahabr.ru/post/77004/

Answer 4

[Владимир Коротенко]

При открытой консоли взведите эту галочку, и не забывайте про ctrl+5