在MVC脚本包中使用CDN.我错过了什么？
nix*_*xon 43 c# asp.net-mvc cdn
我正在尝试使用CDN加载jquery.我读过这篇文章,看起来应该非常简单.
我的脚本包定义如下.
bundles.UseCdn = true;
bundles.Add(new ScriptBundle("~/bundles/jquery", "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js").Include(
"~/Scripts/jquery-{version}.js"));
我将其包含在页面中如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
</body>
</html>
但是当我看到firebug时,似乎从localhost加载了jquery.
我尝试过使用realease和debug构建.我错过了什么？我认为这应该是非常简单的.谢谢.
小智 45
以debug="false"模式运行您的应用程序或使用BundleTable.EnableOptimizations = true;
- FWIW:我不确定有多少人知道这个属性...我在这个场景中使用if(Debugger.IsAttached)来加载"debug"脚本,而在"else"中我触发了BundleTable.EnableOptimizations = true手动而不是依赖web.config.如果您在使用IIS与Asp.net开发主机的环境中工作,这意味着如果您需要调试脚本,最糟糕的情况是您必须返回并记住运行IDE然后只需刷新页面即可返回纯文本详细脚本.希望这有助于某人. (4认同)
juF*_*uFo 16
实际上,当使用最新版本的ASP.NET MVC时,你可以更快地编写@RaviGadag方法.这样您就不必在布局中自己编写回退:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.UseCdn = true;
var jqueryCdnPath = "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js";
var jqueryBundle = new ScriptBundle("~/bundles/jquery", jqueryCdnPath).Include("~/Scripts/jquery-{version}.min.js");
jqueryBundle.CdnFallbackExpression = "window.jQuery";
bundles.Add(jqueryBundle);
// ...
BundleTable.EnableOptimizations = true;
}
Content Delivery Network(CDN)中可用的jquery版本:http: //www.asp.net/ajax/cdn#jQuery_Releases_on_the_CDN_0
- 它应该是"window.jQuery",而不是"window.jquery".JavaScript区分大小写. (2认同)
确保您没有处于调试模式.
bundles.Add(new ScriptBundle("~/bundles/jquery", "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js")
设置BundleTable.EnableOptimizations = true;//如果要使用调试模式
在发布模式下将从CDN请求jQuery,并且将在调试模式下本地获取jQuery的调试版本.使用CDN时,如果CDN请求失败,您应该有一个回退机制.
如果CDN请求失败,那么您可以提供回调
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
var e = document.createElement('script');
e.src = '@Url.Content("~/Scripts/jquery-1.7.1.js")';
e.type = 'text/javascript';
document.getElementsByTagName("head")[0].appendChild(e);
}
</script>
- 他们可能因为您的CDN后备将脚本引用放在头部而被低估了,这通常是不明智的. (2认同)
| 归档时间： |
|
| 查看次数： |
60641 次 |
| 最近记录： |