—»     —»   Как заставить браузер использовать новейшую версию каскадных таблиц стилей?
  Раздел: CSS/Style Sheets   Комментариев: 1  

Как заставить браузер использовать новейшую версию каскадных таблиц стилей?

Если вы новичок в разработке HTML и CSS, и пользуетесь отдельным файлом каскадных таблиц стилей, то вы вероятно замечали, что при определенных обстоятельствах, внесенные в CSS-код изменения не вступают в силу мгновенно.

Временами нужно серьезно обновлять сайт, чтобы изменения вступили в силу. Но лишь немногие новички знают о принудительном обновлении, и поэтому следует бесконечная череда F5 до тех пор, пока что-то на странице не изменится.

Как заставить браузер использовать новейшую версию каскадных таблиц стилей?

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

<link rel="stylesheet" href="style.css?v=1.1">

Заметьте, что я указываю путь до своего CSS-файла посредством элемента «link». Но я также добавил строку запроса в конец имени файла.

Браузер заметит разницу между style.css и style.css?v=1.1 и тем самым вы вынудите его загрузить этот файл по новой. Так что, каждый раз, когда вы вносите изменения в CSS, не поленитесь указывать версию файла.

Если вы не знакомы со строками запросов, просто знайте, что часть перед знаком равенства выполняет роль заполнителя, а часть после знака – это значение, введенное в этот заполнитель. Это никак не влияет на сам код. Это лишь служит оповещением для браузера о том, что появилась новая версия файла.

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

Вопросы?

Данное руководство не претендует на звание лучшего пособия по данному предмету. Это скорее подсказка для новичков.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS
Опубликовал Design FactoRy   Прочитано (раз): 8200   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 29 января 2012 @ 17:10
Написал: Валерий — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Спасибо!Всегда приятно узнать что-то новое.Замечательно,что люди делятся знаниями бесплатно.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Декабрь 2019    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031