Modernizr 和 jQuery 的 Chrome 问题答案

【问题标题】：Chrome issue with Modernizr and jQueryModernizr 和 jQuery 的 Chrome 问题
【发布时间】：2012-07-21 07:38:15
【问题描述】：

我正在研究 HTML5 Boilerplate 模板和 Modernizr。在测试一些特性时，我尝试使用一些 polyfills。好的，一切似乎都运行良好，但 Chrome 出现错误：它似乎尝试在 Modernizr 之后立即加载 jQuery，即使它不应该！其实Modernizr下面没有script标签……Chrome在做什么？

【问题讨论】：

这是真实的截图吗？
是的。原样取自开发者工具
已解决！如果网页在线，Chrome 可以正常工作。只有当我打开文件的本地副本时才会弹出错误...

标签： jquery google-chrome modernizr html5boilerplate

【解决方案1】：

这是因为您正在加载 //ajax.googleapis.com。

必须是 http: 或 https:

然后它会在本地工作。

我目前正在尝试找出一种自动解决此问题的方法。就像...如果支持 https，则为 https：否则为 http：

解决方案：好的，您可以编写一个 JS 单线三元来检测 file: 协议，然后分配 https: 或 http:，或者您可以简单地通过 WAMP 之类的服务器运行您的站点，它会检测协议。

https://github.com/h5bp/html5-boilerplate/blob/master/doc/faq.md

【讨论】：

公平地说，我认为不是协议 relative-url 导致错误，而是它没有在服务器上运行。 file: 实际上是正在使用的正确协议。但是，是的，这里有 http 或 https 帮助 :)
哈哈 :D 不，刚刚访问了您在 HTML5 Boilerplate 问题中发布的链接。

【解决方案2】：

我认为 drublic 是正确的。似乎您是从本地磁盘而不是通过网络服务器打开该页面。

如果您没有在链接资源中指定协议（方案），浏览器将使用与托管页面相同的协议。所以使用//ajax.googleapis.com...是正确的，不需要专门的脚本来推断要使用的协议。

这是一个相关的stackoverflow question

指向这个blog post

【讨论】：