Webstorm远程调试+调试时编辑本地javascript文件

Posted 2023-02-25

【中文标题】Webstorm远程调试+调试时编辑本地javascript文件

【英文标题】：Webstorm Remote Debugging + edit local javascript file while debugging

【发布时间】：2012-03-04 07:32:44

【问题描述】：

我一直在研究 WebStorm / IntelliJ(numbers.js) 的 javascript 远程调试教程

我已经成功地让远程调试工作，但是有一件事让生活变得困难。

当我在 WebStorm 中调试 numbers.js 时（我也在 IntelliJ 中进行了测试并得到相同的结果）有一个小锁图标，我猜这意味着该文件是只读的。目前，在以下开发/部署过程中进行完整的周期是缓慢而痛苦的：

本地文件代码修改 上传 调试锁定的远程文件 将 WebStorm 中的选项卡切换到本地文件 本地文件代码修改

我至少要做的是在本地文件上调试，这样我就可以在调试的同时进行更改，然后快速上传并重复。

@教程 http://wiki.jetbrains.net/intellij/Remote_JavaScript_debugging_with_WebStorm_and_phpStorm

numbers.js 文件在选项卡中没有锁定符号，就像我在本地运行的 WebStorm 中看到的那样。

其他人有这个问题吗？任何人都建议他们如何让 WebStorm 工作，以便他们可以在单步调试和调试时对本地文件进行更改？

谢谢

【参考方案1】：

您很可能从Debugger 面板中的脚本 选项卡打开文件并在其中放置断点。您应该在原始文件中放置断点。

部署可以是自动的（保存时），或者当您的服务器根目录配置到项目文件夹时，您可以使用就地配置。

另一个重要的事情是调试配置中本地文件到远程 URL 的映射。请注意，在 wiki 教程中，远程 URL 设置为完整的 URL，包括 http:// 和服务器名称。

通过就地部署或自动上传和正确的映射，您可以零周转时间调试您的脚本。进行更改，切换到浏览器，刷新（文件自动保存为Settings | General | Save files on frame deactivation 默认启用）。

如果它不适用于您的项目，请联系 JetBrains 支持并发送示例项目以重现此问题，同时描述您的服务器和部署设置。

【讨论】：

感谢 CrazyCoder - 你的回复让我看了，这确实是我的映射！我的 tomcat 在端口 80 上运行，但是当我添加 JavascriptRemoteDebug 时，它默认为端口 8080，即使我的 tomcat 运行/调试是端口 80。