O link do iniciador do Chrome DevTools às vezes não é útil com fontes da web

0

Eu gosto do modo como o Chrome DevTools ajuda você a encontrar onde um ativo está sendo solicitado em seu código por meio do Network > Iniciador . Ele funciona bem na maior parte do tempo, mas estou usando uma versão recente do FontAwesome e tentando depurar a entrega de ativos de produção. Como mostra a captura de tela a seguir, neste caso, o link está apontando apenas para a página HTML principal e não há, na verdade, uma referência para o arquivo WOFF:

Nestecaso,olinkdeveestardevoltaàlinhanoarquivoall.cssdaFontAwesome,quechamaosarquivosWOFFusando@font-face:

@font-face{font-family:'FontAwesome5Free';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"); }

Isso é apenas uma limitação dos últimos DevTools ou há alguma outra configuração / arquivo / código que permita que esse link seja mais útil?

    
por MSC 24.09.2018 / 03:26

0 respostas