WebStorm ASP.NET MVC JavaScript 调试

Posted 2023-02-25

【中文标题】WebStorm ASP.NET MVC JavaScript 调试

【英文标题】：WebStorm ASP.NET MVC JavaScript Debugging

【发布时间】：2012-07-21 00:17:09

【问题描述】：

有谁知道如何使用 WebStorm 对 ASP.NET MVC 应用程序进行 javascript 调试？我正在使用 IIS 在本地运行我的 ASP.NET MVC 应用程序，并且我正在尝试使用 WebStorm 的远程调试功能来单步执行 JavaScript 代码。到目前为止，我的理解是您可以将本地文件映射到托管文件，但我不确定如何执行此操作，因为我的本地文件是剃刀视图，并且不会一对一映射到通过提供的 html IIS。任何有关如何设置的建议或有关如何设置的资源，将不胜感激。

【问题讨论】：

你可以简单地使用 Chrome 的开发工具代替..

这是否提供了一种设置 javascript 单元测试的方法？

我认为您在 jetbrains 论坛上比这里更有机会得到回答。

是否可以选择使用 Visual Studios 调试器？

尝试远程 JavaScript 调试配置，它将从您可以放置​​断点的站点加载呈现的页面。映射在这里不起作用。

【参考方案1】：

无论后端如何，调试 JavaScript 都是一样的：

通过 cookie 或查询参数设置缩小/未缩小切换 检查控制台是否存在未压缩代码中的错误 设置断点以查看导致错误的原因 使用浏览器开发工具测试可能的解决方案

还有remote debugging IIS instructions 和cross-domain JavaScript 设置信息。

参考文献

Getting "The data is invalid." error when attempting to run project – JetBrains Rider Support

Using Project Rider under Windows without Visual Studio: prerequisites – JetBrains Rider Support

WebStorm Help: Configuring Synchronization with a Web Server

【参考方案2】：

我刚刚发现您的问题正在寻找其他问题的答案。

我正在运行一个使用 ASP.NET MVC 5 和几个支持它的 C# 库的 Web 应用程序。我们使用 AngularJS，我将 90% 的时间用在这个项目上的 JS 开发上。我刚刚下载了 WebStorm 7 作为试用版，并创建了一个新项目，该项目指向包含我所有 ASP.NET MVC HTML/JS 文件的目录（这是我的整个 ASP.NET Web 项目，不包括我的 C# 库等。 ）。我可以在我的 JS 文件上的 WebStorm 中设置调试断点，而且一切正常 - 超级简单。这是通过 WebStorm 调试 ASP.NET 应用程序的一种选择。

另一种方法是使用浏览器的开发工具，然后在 VS 中更改 JS 文件。否则，在 WebStorm 中进行调试工作既快速又简单。

你发布这个问题已经 1.5 年了，所以我相信你已经继续前进了，但是对于其他阅读这篇文章的人 - 希望对你有所帮助。