例子
首先页面要声明@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"
asp-fallback-href="~/twitter-bootstrap/css/bootstrap.min.css"
asp-fallback-test-class="dropdown-menu"
asp-fallback-test-property="position"
asp-fallback-test-value="absolute"
asp-suppress-fallback-integrity="true">
asp-fallback-href:href失效后的备用链接
asp-fallback-test-class:会生成一个meta标签,类名就是该值。必须是href所指CSS里拥有的类
asp-fallback-test-property:必须是href所指CSS里拥有的类的属性
asp-fallback-test-value:必须是href所指CSS里拥有的类的属性的值
asp-suppress-fallback-integrity:验证备用链接所指文件完整性
大致原理
1.生成meta标签,class为asp-fallback-test-class。
2.去检查该标签是否有对应asp-fallback-test-property,asp-fallback-test-value;如果href失效,则无法获得对应CSS属性,
如果href正常如下图
3.假如href失效,那么就检查不到对应的asp-fallback-test-property,asp-fallback-test-value;则会再生成一个link标签,href为asp-fallback-href,到此结束。