Mvc: Membuat<link/> Tag Helper dengan dukungan untuk sumber fallback

Ini adalah stylesheet CSS yang setara dengan #1576

LinkTagHelper yang memungkinkan spesifikasi dari stylesheet fallback dimuat jika primer gagal dimuat. Kegagalan ditentukan dengan cara menyuntikkan tag <meta> dummy dengan nama kelas tertentu ( atribut asp-fallback-test-class ) dan kemudian menguji gaya yang dihitung dari elemen tersebut untuk melihat apakah properti CSS tertentu ( asp-fallback-test-property atribut) sama dengan nilai yang ditentukan ( asp-fallback-test-value ).

Penggunaan

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

Semua atribut harus ada dan tidak nol agar Tag Helper dapat beroperasi. Jika ada yang hilang, itu akan mencatat peringatan dan no-op.

Argumen

| Nama Atribut | Ketik | Detail |
| --- | --- | --- |
| asp-fallback-href | string | URL untuk mundur jika yang utama gagal (seperti yang ditentukan dalam atribut href ) |
| asp-fallback-test-class | string | Nama kelas yang ditentukan dalam lembar gaya yang akan digunakan untuk uji mundur |
| asp-fallback-test-property | string | Nama properti CSS yang akan digunakan untuk pengujian mundur |
| asp-fallback-test-value | string | Nilai properti CSS yang akan digunakan untuk pengujian mundur |

Contoh

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

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