我的网站在Firefox和Chrome中都返回了一些奇怪的警告信息和错误.
Firefox返回以下错误:
GET http://fonts.googleapis.com/css?family=Varela+Round 200 OK 7c8e43d.js (line 18) 13:27:41.46 CSI/tbsd_ 13:27:41.48 CSI/_tbnd
Chrome会返回此错误:
XMLHttpRequest cannot load http://fonts.googleapis.com/css?family=Varela+Round. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin is therefore not allowed access.
我猜这个问题与谷歌字体API有关,Access-Control-Allow-Origin
我该如何解决这个错误呢?
日志条目CSI/tbsd_
并CSI/_tbnd
没有错误,但时间戳,这是由谷歌的API生成.
可以使用该console.timeStamp()
函数在JavaScript中生成时间戳.
您还可以在google.com上查看这些时间戳日志:
在Firebug中,它们甚至在Net面板时间轴中显示为橄榄线:
因此,这些日志消息无需担心.它们仅提供一些用于调试目的的信息.
您在Chrome中遇到的错误的实际问题是由跨域请求引起的.因此,出于与同一原始策略相关的安全原因,浏览器会阻止它.在html5rocks.com 上有一个关于"跨源资源共享"(CORS)的教程.
另请参阅stackoverflow上的相关问题:
XMLHttpRequest无法加载,请求的资源上没有"Access-Control-Allow-Origin"标头
"请求的资源上没有'Access-Control-Allow-Origin'标头"