Mvc: Ein ... kreieren<link/> Tag Helper mit Unterstützung für Fallback-Quellen

Dies ist das CSS-Stylesheet-Äquivalent von #1576

Ein LinkTagHelper , das es ermöglicht, ein Fallback-Stylesheet zu laden, falls das primäre nicht geladen werden kann. Der Fehler wird festgestellt, indem ein Dummy-Tag <meta> mit einem angegebenen Klassennamen ( asp-fallback-test-class Attribut) asp-fallback-test-property Attribut) ist gleich einem angegebenen Wert ( asp-fallback-test-value ).

Verwendungszweck

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

Alle Attribute müssen vorhanden und nicht null sein, damit der Tag Helper funktioniert. Wenn welche fehlen, wird eine Warnung und keine Operation protokolliert.

Argumente

| Attributname | Typ | Einzelheiten |
| --- | --- | --- |
| asp-fallback-href | string | Die URL, auf die zurückgegriffen werden soll, wenn die primäre URL fehlschlägt (wie im href Attribut angegeben) |
| asp-fallback-test-class | string | Der im Stylesheet definierte Klassenname für den Fallback-Test |
| asp-Fallback-Test-Eigenschaft | string | Der für den Fallback-Test zu verwendende CSS-Eigenschaftsname |
| asp-Fallback-Testwert | string | Der für den Fallback-Test zu verwendende CSS-Eigenschaftswert |

Beispiel

Quell-CSHTML

 <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" />

Ausgabe-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>