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

В этом случае ссылка действительно должна вернуться к строке в файле 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