Nos*_*dna 1012 jquery cdn google-ajax-libraries
尝试在Google(或其他Google托管的lib)上加载托管jQuery的好方法,但如果Google尝试失败,请加载我的jQuery副本？
我不是说谷歌是片状的.有些情况下谷歌副本被封锁(例如在伊朗).
我会设置一个计时器并检查jQuery对象吗？
这两份副本的危险是什么？
并不是真的在寻找"只使用谷歌"或"只使用自己的"等答案.我理解这些论点.我也理解用户可能会缓存Google版本.我正在考虑一般的云回退.
编辑:这部分补充......
由于Google建议使用google.load加载ajax库,并在完成后执行回调,我想知道这是否是序列化此问题的关键.
我知道这听起来有点疯狂.我只想弄清楚它是否可以以可靠的方式完成.
更新:jQuery现在托管在微软的CDN上.
Ron*_*ony 804
你可以这样做:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="/path/to/your/jquery"><\/script>');
</script>
这应该在你的页面中,<head>并且任何jQuery ready事件处理程序都应该<body>避免错误(尽管它不是万无一失的!).
不使用Google托管的jQuery的另一个原因是,在某些国家/地区,Google的域名被禁止.
Ben*_*nRH 334
迄今为止最简单,最干净的方法:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="path/to/your/jquery"><\/script>')</script>
art*_*ung 75
这似乎对我有用:
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// has the google object loaded?
if (window.google && window.google.load) {
google.load("jquery", "1.3.2");
} else {
document.write('<script type="text/javascript" src="http://joecrawford.com/jquery-1.3.2.min.js"><\/script>');
}
window.onload = function() {
$('#test').css({'border':'2px solid #f00'});
};
</script>
</head>
<body>
<p id="test">hello jQuery</p>
</body>
</html>
它的工作方式是使用google调用http://www.google.com/jsapi的window对象加载到对象上.如果该对象不存在,我们假设对Google的访问失败.如果是这种情况,我们使用加载本地副本document.write.(在这种情况下,我使用自己的服务器,请使用您自己的服务器进行测试).
我也测试是否存在window.google.load- 我也可以typeof检查一下事物是对象还是函数.但我认为这就是诀窍.
这里只是加载逻辑,因为代码突出显示似乎失败,因为我发布了我正在测试的整个HTML页面:
if (window.google && window.google.load) {
google.load("jquery", "1.3.2");
} else {
document.write('<script type="text/javascript" src="http://joecrawford.com/jquery-1.3.2.min.js"><\/script>');
}
虽然我必须说,我不确定如果这对您的网站访问者来说是一个问题,那么您应该摆弄Google AJAX Libraries API.
有趣的事实:我最初尝试在各种版本中使用try..catch块,但找不到像这样干净的组合.我有兴趣看到这个想法的其他实现,纯粹作为练习.
Ema*_*uge 30
如果您的站点上嵌入了modernizr.js,则可以使用内置的yepnope.js异步加载脚本 - 其他jQuery(带回退).
Modernizr.load([{
load : '//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
},{
test : window.jQuery,
nope : 'path/to/local/jquery-1.7.2.min.js',
both : ['myscript.js', 'another-script.js'],
complete : function () {
MyApp.init();
}
}]);
这会加载来自Google-cdn的jQuery.然后检查,如果jQuery成功加载.如果不是("nope"),则加载本地版本.此外,您的个人脚本也会被加载 - "both"表示加载过程与测试结果无关.
当所有加载过程完成后,在"MyApp.init"的情况下执行一个函数.
我个人更喜欢这种异步脚本加载方式.因为我依赖于现代化建设网站时提供的功能测试,所以无论如何我都将它嵌入到网站上.所以实际上没有开销.
Aco*_*orn 21
这里有一些很好的解决方案,但我想进一步了解本地文件.
在Google确实失败的情况下,它应该加载本地源,但服务器上的物理文件可能不一定是最佳选择.我提出这个问题是因为我目前正在实现相同的解决方案,只是我想回到由数据源生成的本地文件.
我的理由是,在跟踪我从Google加载的内容与本地服务器上的内容时,我想要有一些想法.如果我想更改版本,我会希望保持本地副本与我尝试从Google加载的内容同步.在有许多开发人员的环境中,我认为最好的方法是自动执行此过程,以便所有人都必须做的是更改配置文件中的版本号.
这是我提出的理论上应该有效的解决方案:
理论上,如果我的代码写得正确,我需要做的就是更改我的应用程序配置中的版本号然后中提琴!您有一个自动化的后备解决方案,您无需在服务器上维护物理文件.
每个人都在想什么？也许这有点矫枉过正,但它可能是一种维护AJAX库的优雅方法.
橡子
ale*_*lex 20
if (typeof jQuery == 'undefined') {
// or if ( ! window.jQuery)
// or if ( ! 'jQuery' in window)
// or if ( ! window.hasOwnProperty('jQuery'))
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/libs/jquery.js';
var scriptHook = document.getElementsByTagName('script')[0];
scriptHook.parentNode.insertBefore(script, scriptHook);
}
在您尝试从CDN中包含Google副本之后.
在HTML5中,您无需设置type属性.
你也可以用......
window.jQuery || document.write('<script src="/libs/jquery.js"><\/script>');
Edw*_*san 10
您可能希望将本地文件用作最后的手段.
似乎现在jQuery自己的CDN不支持https.如果它确实你那么可能想先从那里加载.
所以这是序列:Google CDN => Microsoft CDN =>您的本地副本.
<!-- load jQuery from Google's CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- fallback to Microsoft's Ajax CDN -->
<script> window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js">\x3C/script>')</script>
<!-- fallback to local file -->
<script> window.jQuery || document.write('<script src="Assets/jquery-1.8.3.min.js">\x3C/script>')</script>
有条件地加载最新/遗留的jQuery版本和后备:
<!--[if lt IE 9]>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/public/vendor/jquery-legacy/dist/jquery.min.js">\x3C/script>')</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/public/vendor/jquery/dist/jquery.min.js">\x3C/script>')</script>
<!--<![endif]-->
| 归档时间： |
|
| 查看次数： |
150756 次 |
| 最近记录： |