前言：传统常用的javascript调试，需要打开F12，在浏览器的Source模块中找到页面或javascript文件，打上浏览器断点进行调试。但是这种方式放到含有复杂项目结构的项目中去寻找某个JS有时候是一种相当头痛的问题，但是现在VS2019给我们提供一个可以在VS中进行调试JS脚本的方法：
Microsoft提示信息：
Visual Studio 仅为 Chrome 和 Microsoft Edge (Chromium) 提供客户端调试支持。 在某些情况下，调试器会自动命中 JavaScript 和 TypeScript 代码中以及 HTML 文件的嵌入脚本中的断点。 若要在 ASP.NET 应用中调试客户端脚本，请参阅博客文章在 Microsoft Edge 中调试 JavaScript 和 Google Chrome 文章。 若要在 ASP.NET Core 中调试 TypeScript，另请参阅使用 TypeScript 创建 ASP.NET Core 应用。
对于 ASP.NET 以外的应用程序，请执行此处所述的步骤。
主要内容-客户端脚本操作步骤：
1-设置允许浏览器调试功能：“工具”->“选项”->“调试”->“常规”，然后关闭“为ASP.NET（Chrome和IE）启用JavaScript调试”设置。 2-在需要调试的javascript文件中设置debugger断点，并设置调试浏览器为：Chrome或者Microsoft Edge。 3-启用F5调试功能即可。
使用 Razor (ASP.NET) 在动态文件中调试 JavaScript
从 Visual Studio 2019 开始，Visual Studio 仅为 Chrome 和 Microsoft Edge (Chromium) 提供调试支持。
但是，不能在使用 Razor 语法（cshtml、vbhtml）生成的文件上自动命中断点。 有两种方法可用于调试此类型的文件：
-
将
debugger;语句放在要中断的位置：这会导致动态脚本在创建时停止执行并立即开始调试。 -
加载页面并在 Visual Studio 上打开动态文档：需要在调试时打开动态文件、设置断点并刷新页面以使此方法起作用。 根据所使用的是 Chrome 还是 Internet Explorer，可以使用以下策略之一找到该文件：
对于 Chrome，请转到“解决方案资源管理器”>“脚本文档”>“YourPageName”。
备注
使用 Chrome，可能会收到一条消息：<script> 标记之间没有可用源。 这是正常的，只需继续调试即可。
对于 Microsoft Edge (Chromium)，请使用与 Chrome 相同的进程。
有关详细信息，请参阅 Google Chrome 中 ASP.NET 项目的客户端调试。
参考链接：