捆绑的Javascript，如何检查捆绑包是否已在浏览器上正确加载，并检查内容

Question

我正在使用.NET 4.5捆绑System.Web.Optimization;在WebForms上捆绑js文件。我已成功将文件添加到BundleTable，

然而，它们似乎并未出现在网页本身上。我能够看到Google Chrome上的“来源”标签中指定的捆绑包，但它是空的，并且脚本无法加载。

我必须在这里遗漏一些东西，我如何检查浏览器上的捆绑包是否已正确加载，并检查内容。

不是我认为这很重要，而是为了防止雪崩的挫折。

Global.ascx

protected void Application_Start(object sender, EventArgs e)
    {
        BundleConfig.RegisterBundles(BundleTable.Bundles);
    }

BundleConfig.cs

namespace OnTheMoveOffline.Framework.App_Start
{
    public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new ScriptBundle("~/OnTheMoveWebFiles/bundles/development").Include("~/OnTheMoveWebFiles/js/*.js"));
            var resolver = new BundleResolver(bundles);
            List<string> cont = resolver.GetBundleContents("~/OnTheMoveWebFiles/bundles/development").ToList();
            Debugger.Break(); 
        }
    }
}

主

 <%: System.Web.Optimization.Scripts.Render("~/bundles/development") %>

Answer 1

确保使用相同的名称来渲染捆绑包，而不是在注册时使用~/OnTheMoveWebFiles/bundles/development。

因此，如果捆绑包是这样注册的：

new ScriptBundle("~/OnTheMoveWebFiles/bundles/development")

您应该像这样呈现：

System.Web.Optimization.Scripts.Render("~/OnTheMoveWebFiles/bundles/development")