在vs2019下.net core调试javascript脚本

　　前言：传统常用的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 项目的客户端调试。

 

　　参考链接：

在 Visual Studio 中调试 JavaScript 或 TypeScript 应用

Google Chrome 中 ASP.NET 项目的客户端调试