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

태그 도우미가 작동하려면 모든 속성이 있어야 하며 null이 아니어야 합니다. 누락된 항목이 있으면 경고 및 작업 없음을 기록합니다.

인수

| 속성 이름 | 유형 | 세부사항 |
| --- | --- | --- |
| asp-fallback-href | string | 기본 URL이 실패할 경우 대체할 URL( href 속성에 지정됨) |
| ASP 폴백 테스트 클래스 | string | 폴백 테스트에 사용할 스타일시트에 정의된 클래스 이름 |
| ASP 폴백 테스트 속성 | string | 대체 테스트에 사용할 CSS 속성 이름 |
| ASP 폴백 테스트 값 | string | 대체 테스트에 사용할 CSS 속성 값 |

예시

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

출력 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>