在WebStorm中调试JS时保留Chrome扩展

Question

当我在 WebStorm (Angular) 中调试时，它会启动一个新的会话 Chrome 浏览器，但删除了所有扩展，但我想将 Redux 扩展保留在调试会话中。可以吗？

Answer 1

WebStorm 默认使用带有

--remote-debugging-port

选项的 Chrome 协议进行调试。调试会话在新窗口中启动，并使用新的自定义 Chrome 配置文件（因为，如果 Chrome 已启动，则无法为具有相同用户数据的任何新的或现有的 Chrome 实例打开调试端口）。

您可以在设置 | 中修改 Chrome 设置。工具| Web 浏览器 使用您自己的用户数据启动 Chrome - 请参阅 https://www.jetbrains.com/help/webstorm/configuring-javascript-debugger.html#ws_js_debug_default_chrome_user_data。但是您需要确保在启动调试会话之前关闭所有正在运行的 Chrome 实例才能进行调试

Answer 2

如果您不需要它与您的正常配置文件相同，您可以摆脱

• 启动调试浏览器
• 从那里向 chrome 添加新的配置文件
• 删除默认的“Person1”个人资料

然后，您在该配置文件上更改的任何设置或浏览器扩展实际上都会被保存，而不是每次都丢失。这种方式不需要您在调试之前退出所有 chrome 选项卡，并且不需要在 Webstorm / IntelliJ 中更改任何设置。