Mvc: 创建一个<link/>支持回退源的标签助手

这是等效于 #1576 的 CSS 样式表

LinkTagHelper允许在主要加载失败的情况下加载回退样式表的规范。 失败是通过注入具有指定类名（ asp-fallback-test-class属性）的虚拟<meta>标签，然后测试该元素的计算样式以查看指定的 CSS 属性（ asp-fallback-test-property属性）等于指定值（ asp-fallback-test-value ）。

用法

<link href=""
      asp-fallback-href=""
      asp-fallback-test-class=""
      asp-fallback-test-property=""
      asp-fallback-test-value="" />

Tag Helper 的所有属性都必须存在且非空才能运行。 如果有任何缺失，它将记录警告和无操作。

参数

| 属性名称 | 类型 | 详情 |
| --- | --- | --- |
| asp-fallback-href | string | 如果主要的 URL 失败（在href属性中指定），则回退到的 URL |
| asp-fallback-test-class | string | 用于回退测试的样式表中定义的类名 |
| asp-fallback-test-property | string | 用于回退测试的 CSS 属性名称 |
| asp-fallback-test-value | string | 用于回退测试的 CSS 属性值 |

例子

源代码

 <link href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"
       asp-fallback-href="~/lib/bootstrap/css/bootstrap.min.css"
       asp-fallback-test-class="hidden" asp-fallback-test-property="visibility" asp-fallback-test-value="hidden" />

输出 HTML

<link href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" />
<meta name="x-stylesheet-fallback-test" class="hidden" />
<script>
    (function (a, b, c) {
        var d = document,
            s = d.getElementsByTagName("SCRIPT"),
            meta = s[s.length-1].previousSibling;
        (d.defaultView.getComputedStyle(meta)[a] === b ||
            d.write('\u003clink rel="stylesheet" href="' + c + '" /\u003e'));
    })("visibility", "hidden", "/lib/bootstrap/css/bootstrap.min.css");
</script>