在本地运行时使用Html5boilerplate的代码加载JQuery非常慢

Question

我一直在使用以下代码在我的所有项目中加载JQuery.我从http://html5boilerplate.com/上抓了它.有这种技术的广泛disussion 这里.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jquery-1.7.1.min.js"><\/script>');</script>

这个代码工作得很好,一旦我把它放在interwebs上似乎很快,但是当我.html在本地打开我的文件时,每次刷新需要大约10秒.通常我厌倦了并改变代码如下:

<!-- uncomment when going live 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jquery-1.7.1.min.js"><\/script>');</script>-->

<!-- remove following line when going live -->
<script src="jquery-1.7.1.min.js"></script>

我错过了一些明显的东西吗？我觉得我不应该得到超慢的加载时间,但它会在注释掉这些行时自行解决.

Answer 1

我猜你没有通过网络服务器提供HTML.

在//该URL前缀指示它应该使用相同的协议作为当前资源(通常是http或https)

由于您没有通过http而是通过文件提供服务,因此它正在尝试在您的本地文件系统上查找它,最终超时.

Chrome检查器上的网络标签显示它正在尝试为我加载以下内容:

file://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
file:/// C:/ Users/[My Username] /Documents/jquery-1.7.1.min. JS

它会尝试加载那些时间,文件系统(或浏览器)最终会超时.

正确的方法是通过Web服务器提供服务,如果您使用的是Windows,则使用IIS;如果您使用的是Linux/Mac,则可以使用IIS(Apache也适用于Windows,但IIS具有更好的UI工具)