时间戳

首页 > 解决方案 > Razor 页面：从何处获取正确的脚本引用语法

asp.net - Razor 页面：从何处获取正确的脚本引用语法

问题描述

默认情况下，Visual Studio 2017 会像这样创建对脚本和 CSS 的引用

<environment include="Development">
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.js"></script>
</environment>
<environment exclude="Development">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
            asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
            asp-fallback-test="window.jQuery"
            crossorigin="anonymous"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
            asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
            asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
            crossorigin="anonymous"
            integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
    </script>
</environment>

我想这比从我的服务器获取所有内容要快一些。这对 Bootstrap 和 jQuery 来说很好。那么如果我想引用font-awesome、smoothscroll等库，我在哪里可以找到引用它们的正确方法呢？

标签： asp.netasp.net-mvcrazor

解决方案

如果您的问题是关于引用其他库，cdn那么您只需要谷歌搜索，{libname} cdn或者您可以浏览cdnjs并搜索您需要的库。你可以像这样引用脚本

<script src="https://cdnjs.cloudflare.com/url"></script>

如果您integrity出于安全原因需要价值，您可以使用此工具自己生成此哈希或阅读本文以获取更多信息。如果您asp-fallback-src只需要从 cdn 下载脚本，请将其添加到项目并引用它。

推荐阅读