Любой веб-разработчик знает, что css-файлы кэшируются браузером и не загружаются заново при каждом заходе на сайт. Это логично, т. к. эти файлы меняются крайне редко. Но как быть разработчикам во время самого процесса разработки, когда предыдущая версия css-файла уже в кэше, а вы его только что изменили, а браузер упорно отказывается его загружать?
Один выход банален — просто не выделять на этапе разработки стили в отдельный файл, а писать их в head в тегах style. Но решать задачу так, в лоб — не очень хочется. Затем ведь всё равно придётся переносить стили в отдельный файл?
Если вы несчастный пользователь Internet Explorer, то вам тут как ни странно повезло — вам достаточно нажать комбинацию Ctrl+F5. Тогда браузер принудительно перезагрузит и саму страницу, и кэш. Наверное поэтому очень полезно каждому веб-разработчику иметь под рукой такого уродца, как IE. Собственно, всё… Если у вас огнелис (Mozilla Firefox) или Chrome, то в них работает эта же комбинация (хотя я не ручаюсь за все версии этих браузеров). Мне этого хватает сполна, т. к. Chrume (Chromium) — мой основной браузер.
А вот пользователям оперы придётся повертеть ручками:
- Откройте исходный код страницы сайта, на котором нужно обновить таблицы стилей. Для этого проще нажать ctrl+U
- В исходном коде вам нужно найти ссылку на css-файл. Если вы вообще не разбираетесь в html, то этот пост вообще не для вас 🙂
- Копируем эту ссылку в адресную строку браузера и видим, что браузер нам открывает старую, кэшированную версию таблицы стилей
- И вот теперь нажимаем заветную F5. Всё, файлик обновился.
Вообще, придётся только пользователям оперы на этапе редактирования стилей постоянно держать открытыми две вкладки — саму страницу и «страницу» (сам файл) стилей. И это не считая открытого окна с исходным кодом. Впрочем, я уже писал — у меня давно привычка держать открытыми минимум два окна браузера. Причём разных 🙂