Ю2сайт

Создание сайтов

Как обновить css на компьютере посетителей


Довольно часто web-разработчики сталкиваются, что после смены дизайна всего сайиа или отдельного блока, html код у пользователей меняется, а css остается в кэше. И как итог мы получаем, что блоки "поехали", цвета не те, фона нет и вообще всё пропало.

Как обновить css на компьютере посетителей?

Очень просто, есть 2 варианта:

1) Позвонить всем посетителями и попросить нажать ctrl+F5
2) В ссылке на css файл дописать "?v1" ну или любую информацию после знака "?" это должно быть похоже на GET запрос


Вот пример:

 

Браузер пользователя загружая html код увидит, что ссылка на файл стилей другая и заново скачает css файл и блоки встанут на места

Есть ещё несколько способов, но они скорее для тех, кто за ранее подумал об этой проблеме, это Cache-Control и if-Modified-Since
Cache-Control - можно указать время, через которое файл будет заново скачиваться, но если вы его измените раньше, то до момента обновления пользователи будут наслаждаться "красотой"
 if-Modified-Since - это по сути автоматический ответ он времени последнего изменения, но работает это всё не стабильно, поэтому надежней чем изменение ссылки способа нет.

Кстати, всё выше описанное работает и с javascript