Как очисить кеш css-стилей у пользователя по дате?

Question

[Aleksander911]

Доброго дня всем!
На данный момент при наполнении сайта приходится поправлять его стили, но т.к. стили кешируются, пользователи видят не совсем корректное отображение сайта. Запретить кеширование не вариант. Собственно вопрос, возможно ли при помощи, к примеру jquery, если изменилась дата у пользователя очистить кеш?

Comments

[Ankhena]

А просто, меняя стили, нельзя заодно в html дописать к пути к стилям ?123 (где 123 номер версии или дата или как Вам удобнее).

[Aleksander911]

Ankhena W: да там проблема, когда прописываю, старая версия тоже как буд-то подключена остается временно.

[Eastar]

Aleksander911: такая же была проблема, подгружался новый стиль поверх кешированного в хроме. благо еще в веб сайт не ушел, перегружал локально ctrl+f5

[Aleksander911]

Роман Шаталов: Чего только не делал, и чистил кеш устанавливал левый браузер.
Дело в том, что файл который в корне шаблона wordpress лежит, подключается как style.css?ver=1.0. В functions.php я добавил приставку времени изменения стилей:

function my_wp_default_styles($styles) {
    $styles->default_version = filemtime(get_stylesheet_directory() . '/style.css' );
}
add_action("wp_default_styles", "my_wp_default_styles");

Подключил стили, скрипты:

function mytemplate_styles() {		
		wp_enqueue_style( 'main_css', get_stylesheet_uri() );
		wp_enqueue_style( 'semantic', get_template_directory_uri() . '/css/semantic.css' );
		wp_deregister_script( 'jquery' );
		wp_register_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', false, null, true );
		wp_enqueue_script( 'jquery' );
		wp_enqueue_script('cookie_js', get_template_directory_uri() . '/js/jquery.cookie.min.js', array('jquery'));
		wp_enqueue_script( 'commentjs', get_stylesheet_directory_uri() . '/js/comments.js', array('cookie_js'), null );
		wp_enqueue_script('semantic_js', get_template_directory_uri() . '/js/semantic.min.js', array('commentjs'));
		wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js', array('jquery'), array('semantic_js'));
		
	}
	add_action('wp_enqueue_scripts', 'mytemplate_styles');

В итоге подключается 2 style.css, один style.css?ver=1.0, другой style.css?ver=1480207262. Если в functions.php не добавлять

wp_enqueue_style( 'main_css', get_stylesheet_uri() );

то подключается только style.css?ver=1.0 .

Answer 1

[Valeriu Vodnicear]

Может быть стоит использовать такую версию подключения стилей?

<link href="/css/style.css?version=1" rel="stylesheet">

Когда поправите стили, то сделайте подключение уже файла так:

<link href="/css/style.css?version=2" rel="stylesheet">

Comments

[Eastar]

а если так выходит, что правки практически ежедневные(знаю, что так никто не делает, но так вышло), то как это автоматизировать? чтобы после каждой правки кеш обновлялся у пользователя. Задавать каждый раз version++? Как правят в серьезных проектах, там всегда стиль называется style.css, тем не менее правки браузер подгружает...

Answer 2

[Neocaridina]

<link href="/css/style.css?<php echo date('mdh') ?>" rel="stylesheet">

или так же дату изменения самого файла css дергайте через php...

Answer 3

[Дмитрий Сергеевич]

Делать можно по разному. Технология называется timestamp. Советую ее загуглить и выбрать на каком языке и каким образом будет удобнее ее делать именно вам.