Задать вопрос
Slash-Zn
@Slash-Zn

Как правильно обновлять файлы SVG в кэше браузера?

Доброго дня!
Все спрайты находятся в отдельном файла.svg, на экран вывожу их так:
<svg width="64px" height="64px">
				<use xlink:href="{$url.icon}"/>
			</svg>

Статические файлы, в том числе и .svg кэшируются в браузере. Проблема в том, что после правок файла.svg изменения будут видны, только после очистки кэша браузера. Я хочу сделать, чтобы изменения были видны после очистки кэша сайта. как, например, с файлами .css.

Я попробовал сделать по аналогии, как это организовано на файл.css:
<link rel="stylesheet" type="text/css" href="/static/style.css?{сгенерированный код}" />

"сгенерированный код" - это время очистки кеша сайта в секундах. Как кэш сайта очищается, так генерируется новая строка для статических файлов. В общем попробовал так:
<svg width="64px" height="64px">
				<use xlink:href="{$url.icon}?{сгенерированный код}"/>
			</svg>

Но вместо того чего хотел, получил - спрайты вообще не отобразились...

Подскажите, как можно обновлять SVG вместе с кэшем сайта? Может я не правильно добавляю параметр?
Спасибо.
  • Вопрос задан
  • 159 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
smilingcheater
@smilingcheater
Что у вас в $url.icon? ссылка-на-svg#название-иконки? тогда, дописывая в конец этой строки ?{сгенерированный код} вы просто ломаете название иконки из svg-файла. Надо писать:
ссылка-на-svg?{сгенерированный код}#название-иконки
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы