Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как заставить браузер обновить стили CSS (https://javascript.ru/forum/dom-window/70946-kak-zastavit-brauzer-obnovit-stili-css.html)

zarim 14.10.2017 13:32

Как заставить браузер обновить стили CSS
 
Современные браузеры цепляются за таблицу стилей мёртвой хваткой, что очень неудобно, если над сайтом проводятся какие-либо работы, затрагивающие изменение таблицы (файла) CSS, ибо чтоб увидеть изменения - надо поплясать с бубном.

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

Вопрос: можно ли сделать скриптом так, чтобы все эти шаги были "автоматическими", чтобы при нажатии на ссылку (допустим "обновить стили") на сайте - файл CSS и страничка сайта - обновились?

Царь Леонид 14.10.2017 15:03

<p onclick="document.location.reload(true)">Перезагрузить страницу</p>

zarim 14.10.2017 15:32

Спасибо!
А как сделать так, чтобы по клику на ссылку сначала открылся обновился и закрылся (желательно - в фоне) файл стилей, который, к примеру, по адресу http://my-sayt.ru/my.css, а уж потом - текущая открытая страница сайта? Такое возможно в одном скрипте?

Возможно есть более простой способ заставить браузер проглотить изменённую таблицу стилей, но как - не знаю :(

Царь Леонид 14.10.2017 16:13

Я не понял вопроса) Где должен открыться и обновиться файл стилей? Может имеется ввиду кеш стилей? Если не надо, чтобы стили не кешировались в браузере, надо перейти в хроме в панель разработчика->вкладка network->disable cache. Самый лучший способ - с использованием сборщиков. Но тут как я понимаю, другие реалии)

laimas 14.10.2017 16:58

zarim,
добавляйте в подключении файла как параметр запроса время его последнего изменения.

zarim 14.10.2017 17:17

Царь Леонид, файл стилей лежит как и у большинства сайтов, просто в корне сайта или в папке стилей.
Я бы хотел, чтобы не только я, но и посетители сайта могли нажатием на ссылку-скрипт мгновенно очистить кеш стилей, ибо объяснять каждому, что делать в браузере... бесполезно

laimas, как это сделать, не подскажете?

laimas 14.10.2017 17:48

Цитата:

Сообщение от zarim
как это сделать, не подскажете?

Серверный язык формируя страницу получает информацию о времени последнего изменения файла и подставляет ее в путь:

....name.css?метка_времени

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

zarim 14.10.2017 17:57

Движок сайта - юкоз

laimas 14.10.2017 18:16

Цитата:

Сообщение от zarim
юкоз

если это бывший "Народ", значит РНР, следовательно так:

<link href="path/filename.css?<?=filemtime('path/filename.css')?>" rel="stylesheet" media="screen"/>

zarim 14.10.2017 23:13

laimas, на юКозе нет пхп, оно есть... но вообще отдельное и немного "кастрированное".... да и сайт не с народа, сразу на козе делался...
Может можно решить скриптом?


Часовой пояс GMT +3, время: 01:03.