如何在ASP.NetCore3.1MVC应用程序（Razor视图- *.cshtml）中调试JavaScript？

事实上，这已经是一个众所周知的问题。**我们无法调试Net Core剃刀页面下的js代码，只能调试单独的js或ts文件中的代码。**请参见this link。
解决方案

为了解决这个问题，我建议你可以创建一个新的js文件，名为test.js，然后在剃刀页面引用它，然后你可以在调试它的时候进入js代码。

**1）**创建一个名为test.js的文件，并将js代码迁移到其中：

function GetJSON_Simple() {
            var resp = [];           
            return resp;
        }

        debugger;
        var simpleData = GetJSON_Simple();

**2）**更改为在cshtml文件中使用该文件：

@{
    ViewData["Title"] = "Home Page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>

@section Scripts {
    <script scr="xxx/test.js">  
    </script>
}

3）****清理您的项目，然后重新构建您的项目并调试它，您将遇到Js代码。

另一种方法是通过 sourceURL 注解直接在javascript代码中显式定义脚本的源Map名称。

<script>

...your script code

//# sourceURL=blah
</script>

该块中的脚本将以您指定的值显示在Chrome中，然后您可以像普通的.js文件一样查看和调试。
如果您不想重构cshtml文件中嵌入了javascript的现有代码库，或者不想重构任何动态加载了javascript的代码库，这一点尤其有用。

示例

你可以在这里看到一个内置javascript runner的例子。只要点击“运行代码片段”，然后在你的页面源代码中搜索“blahblah”。你应该会看到这样的结果：

alert("test");
//# sourceURL=blahblah