如何使用chrome查找加载资源错误的问题

李惟
  • 2k

今天打开页面发现很慢,于是打开调试工具看到很多加载失败的资源(应该是字体)。于是我去项目中去查找,没找到有调用字体资源的地方。

于是我点了下调试工具右侧文件名。可是chrome却指向了<document>标签,请问,这个如何知道这是哪个地方错了呢
图片描述

回复
阅读 3.2k
2 个回答

没找到有调用字体资源的地方?

没有引用在线字体?但是控制台第一句的GET请求怎么回事呢?

还有,建议使用Firefox查看错误,个人感觉比Chrome调试要好,报错比较准确

字体等资源的跨域访问需要对方允许,也就是返回的 header 里有 Access-Control-Allow-Origin 并且有你当前的访问的域。比如 CDN 如果没设置白名单什么的,常见的就是 Access-Control-Allow-Origin:*。而你这里是跨域请求字体被浏览器阻止了。
话说其实报错信息里写的很清楚呀 =.=

你知道吗?

宣传栏