使用 ClientDependency Framework 动态添加 CSS 或 JS 的正确方法是什么？答案

【问题标题】：What is the proper way to dynamically add CSS or JS using ClientDependency Framework?使用 ClientDependency Framework 动态添加 CSS 或 JS 的正确方法是什么？
【发布时间】：2017-03-06 18:35:06
【问题描述】：

很抱歉，这里的文档有些欠缺：https://github.com/Shazwazza/ClientDependency/wiki/Webforms

我正在尝试动态注册依赖项，但无法正确获取语法：

<%@ Page Language="C#" AutoEventWireup="false" %>
<%@ Register TagPrefix="CD" Namespace="ClientDependency.Core.Controls" Assembly="ClientDependency.Core" %>

<script runat="server">
    protected override void OnLoad(EventArgs e)
    {
        if (Request.Cookies["AAPGmobile"] != null && Request.Cookies["AAPGmobile"].Value == "Mobile")
        {
            //mobile
            ClientDependencyLoader.RegisterDependency("~/Style/mobile.css",ClientDependencyType.Css);
        }
        else
        {
            //desktop
            ClientDependencyLoader.RegisterDependency("~/Style/desktop.css",ClientDependencyType.Css);
        }
    }
</script>

文件头：

<CD:ClientDependencyLoader runat="server" id="Loader" />
<asp:PlaceHolder runat="server" ID="CssPlaceHolder"></asp:PlaceHolder>
<asp:PlaceHolder runat="server" ID="JavaScriptPlaceHolder"></asp:PlaceHolder>

我也试过用这个，但是出错了：

bool successfullyCreated;
var loader = ClientDependencyLoader.TryCreate(this.Page, out successfullyCreated);

还有这个，但出现了不同的错误：

var loader = ClientDependencyLoader.GetInstance(currentHttpContext);

请帮助语法或指出正确的方向。谢谢！

【问题讨论】：

标签： javascript c# css client-dependency

【解决方案1】：

这是我发现似乎可行的解决方案——我将其发布在这里，以防其他人遇到类似情况：

对于 CSS：

ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.css",ClientDependency.Core.ClientDependencyType.Css);

对于 JS：

ClientDependencyLoader.Instance.RegisterDependency("~/Style/mobile.js",ClientDependency.Core.ClientDependencyType.Javascript);

请注意，我不是试图单独创建或引用现有的加载器，语法会处理它。

解决方案改编自本页代码：https://our.umbraco.org/forum/developers/razor/35307-Using-ClientDependency-Framework-from-a-Razor-Macro

希望这对某人有所帮助！

【讨论】：