Кэширование в браузере CSS

Question

Существует ли возможность кэширования при добавлении файла CSS, например, так: -

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css'>

, поскольку изменения, внесенные в этот файл, не сразу отражаются.

Если да, любойспособ противостоять этому ..?

Answer 1

Большинство браузеров кэшируют CSS
Вы можете добавить номер версии, чтобы предотвратить это:

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?v=2'>

Answer 2

в Mac, используйте команду + shift + r для принудительного обновления страницы.

Answer 3

Таблицы стилей CSS, упомянутые таким образом, кэшируются, как и любой другой ресурс, будь то HTML-страницы, файлы Javascript или изображения.

И, как и любой другой ресурс, вы можете влиять на поведение кэширования через HTTP-заголовки Срок действия: и Cache-Control: . Это означает, что вам нужно либо изменить конфигурацию веб-сервера, либо использовать CSS-файлы в виде сценария PHP, а не в виде простого текста.

Answer 4

Если вы разрабатываете и не хотите, чтобы кэшированная версия отключила кэширование в вашем браузере.

Я использую следующую комбинацию инструментов: Firefox + Панель инструментов веб-разработчика и затем отключить> отключить кэш

Answer 5

Да, добавьте метку времени после имени файла css, например:

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?1312843018'>

И обновляйте метку времени при каждом изменении файла.Множество фреймворков, таких как ruby ​​on rails и т. Д., Делают это за вас