fonts.gstatic.com 未出现在 Chrome 网络选项卡中，但它位于 HAR 文件中答案

【问题标题】：fonts.gstatic.com not appearing in Chrome Network Tab but it is in HAR filefonts.gstatic.com 未出现在 Chrome 网络选项卡中，但它位于 HAR 文件中
【发布时间】：2017-01-19 17:06:32
【问题描述】：

如果您查看 HAR 文件 fonts.gstatic.com 是否按预期存在

但是，它在 Google Chrome 网络工具选项卡中不可见（见附件截图）

这是一个错误还是我错过了什么？

【问题讨论】：

我在 Chrome 55 开发版（正常 + 无扩展名的隐身模式）的那个页面上看不到 fonts.gstatic.com 请求，在 Fiddler 调试器代理中看不到，在我保存的 HAR 中看不到。只有 fonts.googleapis.com 也在您的屏幕截图中。所以，是的，如果您可以在新的 Chrome 用户/个人资料中重现它，那么这是一个应该（或者可能已经）在 crbug.com 上报告的错误
如果你在 WebPageTest.com 中测试 font.gstatic.com 出现
嗯，它在响应正文和标头中，没有与该 URL 的连接，所以它自然不会在“网络”面板中列出。

标签： google-chrome google-chrome-devtools performance-testing

【解决方案1】：

在 HAR 文件中，我们可以看到 fonts.gstatic.com 在 HTTP 响应中的“Link”标头值和内容（即 CSS 文件）。

Link 属性实际上并不获取源，因为字体在本地可用，它不会尝试通过 url 加载。欲了解更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src

@font-face {
    font-family: 'Pathway Gothic One';
    font-style: normal;
    font-weight: 400;
    src: local('Pathway Gothic One'),local(PathwayGothicOne-Regular),url(http://fonts.gstatic.com/s/pathwaygothicone/v4/Lqv9ztoTUV8Q0FmQZzPqaBRcxZ7No-r1mAtcnpNU5cQ.woff2) format("woff2");
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

【讨论】：