Мозилла и локальные svg-спрайты
14 января, 2020
Что делать, если в мозилке не отображаются svg, встраиваемые через use?
Используете конструкцию <svg><use href=»../images/local-path-to.svg#id»></use></svg> для встраивания svg-шек в ваш html? Но внезапно эти локальные svg перестали отображаться?
Вот ответ: с последним обновлением (72.0.1) мозилла стала считать такие пути небезопасными. Обращение к внешним файлам, по её мнению, возможно только внутри одной и той же папки. Вот статья с объяснением.
К счастью, проблема чисто локальная. На удалённых ресурсах (то есть у вас на хосте) svg отображаются как и раньше. К несчастью, эта проблема мешает вёрстке и отладке. Но её можно исправить через about:config
. Найдите там параметр security.fileuri.strict_origin_policy
и поменяйте его на false
.