【Webstorm】针对javascript调试debug无法连接至浏览器

• 首先提示一下
• 我所使用的Webstorm版本是2021.2.2
• 也许该方法并不适配你们的问题，毕竟我搜了好大一堆都是些其他问题的解决方案，这个bug貌似出现的还是比较少，所以我就发个帖记录一下

问题：javascript Debug启动提示

•   正在等待连接到 localhost:port。
    请确保在打开远程调试端口的情况下成功启动浏览器。
    如果已启动具有相同用户数据目录的 Chrome，将无法打开端口
  

•   并且打开的chrome也不会自动跳转至debug定义的url
    反而是展示为about:blank
  

解决方案

1. 文件(File) > 设置(Settings) > 工具(Tools) > Web浏览器和预览(Web Browsers and Preview)

2. 点击 ‘+’ 新增一个chrome配置项或者是在原chrome配置项上点击edit

3. 在命令行选项(Command line options)中输入

   --remote-allow-origins=*
   

   

4. 接下来就可以进行javascript debug进行调试了，只要配置javascript debug时选择上面新增或修改的browsers配置项即可

自述

• 这是我自己在写代码中出现了一个bug，虽然chrome也提供了开发者工具进行调试，但感觉还是没有在源代码中debug来的方便
• 有一说一，这个bug真的也是困扰了我蛮久的，之前一直都可以debug，后来突然就不行了，如果有大佬知道为什么希望可以帮忙解答一下，谢谢