Почему в FIrefox и Safari файлы стилей переименовываются?

Question

[remzi17]

В firefox и safari почему-то меняется название подключаемых css файлов и, как следствие, относительные пути к изображениям и иконкам. Из-за чего это может быть?

Chrome -
Firefox и Safari -

Comments

[Wispik]

Почему так происходит в файрфокс не знаю.
Просто задавай путь к картинкам, не так:
url(../img/categories/4.svg);
а относительно главной страницы сайта:
url('/dog/assets/img/categories/4.svg');
и проблем не будет

Answer 1

[Lynn «Кофеман»]

У вас в vendor.js скрипт который зачем-то заменяет файлы стилей на блобы.

document.querySelectorAll('link').forEach((e => t(e)))

function t(e){"text/css"!=e.type&&"stylesheet"!=e.rel||!e.href||new URL(e.href,document.baseURI).origin==location.origin&&fetch(e.getAttribute("href")).then((async t=>{const i=await t.text();let n=Pt.transpileStyleSheet(i,!0);if(n=Pt.transpileStyleSheet(i,!1),n!=i){const t=new Blob([n],{type:"text/css"}),i=URL.createObjectURL(t);e.setAttribute("href",i)}}))}

Comments

[remzi17]

спасибо

[apoca1ipsis]

Lynn «Кофеман» а почему Chrome это игнорирует?

[Lynn «Кофеман»]

apoca1ipsis, потому что там какое-то условие, которое видимо в chrome не выполняется. Мне лень разбирать пожатый код дальше

[remzi17]

apoca1ipsis, я использовал свойство scroll-timeline, которое работает в хром, но не работает в сафари и мазиле. Поэтому добавил полифил. В этом полифиле и был код, который создавал blob