在vs2019下.net core调试javascript脚本
前言:传统常用的javascript调试,需要打开F12,在浏览器的Source模块中找到页面或javascript文件,打上浏览器断点进行调试。但是这种方式放到含有复杂项目结构的项目中去寻找某个JS有时候是一种相当头痛的问题,但是现在VS2019给我们提供一个可以在VS中进行调试JS脚本的方法:
Microsoft提示信息:
使用 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) 提供调试支持。
有两种方法可用于调试此类型的文件:
-
将
debugger;
语句放在要中断的位置:这会导致动态脚本在创建时停止执行并立即开始调试。 -
根据所使用的是 Chrome 还是 Internet Explorer,可以使用以下策略之一找到该文件:
对于 Chrome,请转到“解决方案资源管理器”>“脚本文档”>“YourPageName”。
备注
这是正常的,只需继续调试即可。
对于 Microsoft Edge (Chromium),请使用与 Chrome 相同的进程。
Google Chrome 中 ASP.NET 项目的客户端调试。
参考链接:
在 Visual Studio 中调试 JavaScript 或 TypeScript 应用