一切 asp-fallback* 如果测试失败,属性就是添加一些额外的JavaScript来动态加载回退src / href。换一种说法:
asp-fallback*
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" /> <script> (function () { var testElement = document.createElement('span'); testElement.className = 'sr-only'; if (testElement.style.position !== 'absolute') { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.href = '/vendor/fortawesome/fontawesome-free/css/all.css'; link.rel = 'stylesheet'; head.appendChild(link); } })(); </script>
您可以使用 data-* 用于模拟回退href和必需测试的相同内联定义的属性,并且只需相应地修改代码以使用这些代码而不是硬编码值来概括脚本。通过简单地使用动态加载库,你也可能更好地服务,它通常能够运行这些内置的条件包括(例如 fallback.io )
data-*