Ссылка инициатора Chrome DevTools иногда бесполезна с веб-шрифтами

341
MSC

Мне нравится, как Chrome DevTools помогает вам найти, где актив запрашивается в вашем коде через столбец Сеть> Инициатор . В большинстве случаев это работает хорошо, но я использую последнюю версию FontAwesome и пытаюсь отладить доставку производственных ресурсов. Как показано на следующем снимке экрана, в этом случае ссылка просто указывает на главную HTML-страницу, и в ней нет ссылки на файл WOFF:

enter image description here

В этом случае ссылка действительно должна вернуться к строке в файле all.css FontAwesome, которая вызывает файлы WOFF с использованием @ font-face:

@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("../webfonts/fa-solid-900.eot"); src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

Это просто ограничение последних версий DevTools или есть какой-то другой параметр / файл / код, который позволил бы сделать эту ссылку более полезной?

0

0 ответов на вопрос

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