Chrome DevTools-Initiator-Link ist bei Webfonts manchmal nicht hilfreich

430
MSC

Ich mag die Art und Weise, wie Chrome DevTools Ihnen hilft, über die Spalte Netzwerk> Initiator herauszufinden, wo ein Asset in Ihrem Code angefordert wird . Meistens funktioniert es gut, aber ich verwende eine aktuelle Version von FontAwesome und versuche, die Bereitstellung von Produktionsressourcen zu debuggen. Wie der folgende Screenshot zeigt, verweist der Link in diesem Fall nur auf die HTML-Hauptseite, und es gibt nicht wirklich einen Verweis auf die WOFF-Datei:

enter image description here

In diesem Fall sollte der Link wirklich auf die Zeile in der Datei all.css von FontAwesome zurückgehen, in der die WOFF-Dateien mit @ font-face aufgerufen werden:

@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"); }

Ist dies nur eine Einschränkung der neuesten DevTools oder gibt es eine andere Einstellung / Datei / Code, die diesen Link nützlicher machen würde?

0

0 Antworten auf die Frage

Verwandte Probleme