Очень простой и быстрый способ сброса CSS-кэша браузера
Довольно часто веб-разработчикам приходится сталкиваться с необходимостью “перезагрузки” CSS-файла какого-либо тестируемого веб-ресурса, который (CSS-файл) кэшируется интернет-браузером.
Очень удачным открытием для меня стал способ сброса этого кэша в один клик, о котором поведаю ниже.
Часто наблюдаю для такого случая совет: нажать комбинацию клавиш Ctrl + F5. Однако в Опере это не работает, а я пользуюсь именно этим браузером.
Вот каким образом я ранее обновлял кэш нужного файла стилей.
- Открывал исходный код страницы.
- Находил строку со ссылкой на CSS-файл.
- Копировал ее и загружал в браузере.
- Нажимал F5 для обновления этого файла.
Мда… Много, однако, действий для очень простой задачи.
Спасибо Александру Тимофееву за то, что просветил меня в этом вопросе. Теперь я знаю, как сделать то же самое, но всего лишь одним кликом мыши!
Для этого нужно создать в браузере новую закладку с вот таким хитрым ява-скриптом. По клику на эту закладку и происходит “перезагрузка” CSS-файла просматриваемого сайта.
С отключенной в браузере поддержкой Java-Script, данный способ, естественно, работать не будет.
Очень полезная штука, которой я несказанно рад.
P.S. Если у вас есть не менее интересный альтернативный способ сброса кэша в Опере, то буду признателен за Ваш комментарий об этом.
Смотрите также
User CSS - браузерное расширение для добавления пользовательских стилей к сайтам
Представляю вашему вниманию свое расширение для браузеров, работающих на движке chromium / blink /webkit, суть которого заключается в возможности изменять оформление просматриваемого сайта “на лету” путем добавления собственного CSS-кода. Предыстория ...
Избавляемся от мигания фонового изображения в IE 6
В последнее время мне все чаще стали попадаться высказывания о том, что пользователь в ряде случаев наблюдает в Internet Explorer 6-й версии мигание фонового изображения для какого-либо элемента страницы, оформленного ...
Простой способ определения браузера с помощью HTML + JS
Нашлось оригинальное решение, с помощью которого можно определить интернет-браузер, используемый веб-серфером. Способ работает в связке технологий HTML и JavaScript. HTML-код: <map id="browser" /''name="firefox" /""name="sleipnir_gecko" "name="safari" ""name="konqueror" /name="ie" name="opera" name="lynx" > ...
Минимизация CSS- и JS-файлов и HTML-кода на сайте
Одним из пунктов оптимизации сайта является минимизация кода, который передается браузеру посетителя в момент открытия сайта. Сюда относится как содержимое CSS-файлов и JS-файлов, так и HTML-код страниц. Данные меры позволяют ...
Комментарии (24)
На самом деле достаточно в конце адреса css файла при его подключении к документу просто поставить знак вопроса и не нужен никакой джаваскрипт
Александр, это нужно мне в том числе и для моих сайтов. Объясните, пожалуйста, подробнее на счет “=main.css?time();”, я не понял, куда это нужно подставлять (покажите, плиз, на примере этого сайта, вот ссылка на файл стилей – suprabiz.com/wp-content/themes/suprabiz-com/style.css).
Касательно обновления по F5 – это срабатывает не всегда, иначе бы я не искал другого способа.
IdeaLog, ваш способ слишком муторный :) и не удобнее способа, которым я пользовался раньше.
Максим Покровский, этот метод для любого случая. Если же рассматривать только случай кэширования самим сайтом, то временное отключение кэша тоже весьма неудобно. Например, если сайт работает на движке WordPress (а мне, как правило, именно с такими приходится сталкиваться), то приходится изменять конфигурационный файл, который необходимо обновлять через FTP . А стоит ли оно того?
Zigzag, вас тоже, к сожалению, не понял, как и Александра. Покажите, плиз, конкретный пример по моему файлу стилей (указал выше).
Хм, а у меня Memory cache и Disk cache отключены и ничего не кешируется :)
Neutrino, это, конечно, хорошо, если есть безлимитка, но у меня пока обратная ситуация, поэтому каждый килобайт на счету :).
http://habrahabr.ru/blog/webdev/26299.html#comment392853
вот тут про игру с кэшированием css
Здорово! Теперь узнал, что это за штука такая :). Очень полезная вещь. Спасибо, что просветили ;).
Однако, все-таки способ с добавлением к файлу стилей “?1” пригодится, когда необходимо сбросить кэш у всех читателей сайта, а то, что я описал в статье – это частный случай, который мне будет удобен.
а лучше к “?″ добавить функцию php echo rand(1, 35);
сделай добавление “?123546” только для администратора и всё =)
DeadLy, см. мой предыдущий комментарий.
Отлично для больших и грузных сайтов.
Я, месяца два назад, написал расширение для фаерфокса. Но это решение гораздо легче, и кроссбраузерно :)
А ctrl+R не катит? :)
Нет, не катит. Ctrl+R не всегда обновляет файл стилей. Много раз с этим сталкивался.
За весь период пользования этой штукой (после того, как я написал этот пост), я еще ни разу не усомнился в ее полезности.
А по моему Ctrl + R катит ВСЕГДА и во ВСЕХ браузерах.
Пока еще ниразу у меня не было такого чтобы эта комбинация клавиш не перезагружала CSS. Так что мне кажется Вы что-то путаете….
Разве назначение комбанации Ctrl + R и клавиши F5 разное? Обе служат для обновления страницы. Я пользуюсь F5.
На самом деле Ctrl+R это обновление страницы без использования кеша ( по крайней мере я всегда пользуюсь именно в таком значении, и никогда меня эта комбинация не подводила).
В принципе вопрос дискуссионный. На просторах инет разного рода инфа. Оф. документацию нужно искать :)
Да, действительно дискуссионый вопрос :). Я Оперой пользуюсь и всегда считал, что эти комбинации клавиш равнозначны. Было бы хорошо, если окажется, что на самом деле все именно так, как вы говорите.
Я тоже пользуюсь оперой уже не один год. Хотя эту комбинацию использую во всех браузерах, и, как я уже говорил, ни разу не было такого чтобы страница не обновилась с новыми данными.
Понаблюдайте за этим сочетанием. Думаю будете довольны :)
Свой блог отлаживаю локально – так проще. Там выставил … .style.css? и не парюсь с кешированием.
Ctrl + F5 – полная перезагрузка ВСЕЙ страницы, включая кешированные элементы…
Спасибо огромное за совет, я блин весь инет облазил. Все попробовал и кеш вручную удалял, че только не делал.
ооооо! спасибо!
полезная штучка =)
примного благодарен! сразу фичу пустил в дело!