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

Question

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

但是它们似乎并没有出现在网页本身上。我可以在 Google Chrome 的“源”选项卡中看到指定的包，但它是空的，并且脚本无法加载。

我一定在这里遗漏了一些东西，我如何检查 bundle 是否已正确加载到浏览器上，并检查内容。

我认为这并不重要，但要防止出现大量反对票。

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。

所以如果 bundle 是这样注册的:

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

你应该这样渲染它:

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