允许使用Debugger for Chrome扩展

Question

我正在使用 Visual Studio代码上的扩展程序 Chrome调试器来调试JavaScript客户端代码

如您所知，它将启动一个没有任何扩展名的新Chrome实例。

是否可以在该实例上允许Chrome扩展程序？

Answer 1

我找不到要怎么做的。但是，解决我的问题的一种解决方法是将调试器附加到打开的Chrome实例上。

因此我可以在Visual Studio Code上调试时使用扩展名。

在文件./.vscode/.launch.json中，我编辑了具有"type": "chrome"的对象

发件人：

{
  "type": "chrome",
  "request": "launch",
  "name": "Meteor: Chrome",
  "url": "http://localhost:3000/",
  "webRoot": "${workspaceFolder}"
},

收件人：

{
  "type": "chrome",
  "request": "attach",
  "name": "Meteor: Chrome",
  "url": "http://localhost:3000/*",
  "webRoot": "${workspaceFolder}",
  "port": 9222
},

并在Chrome快捷方式中添加 remote-debugging-port 参数，如下图所示：

完成此操作后，您必须从修改后的快捷方式中打开Chrome，转到要调试的URL（与URL值相同），然后将调试器附加到Visual Studio Code，然后单击“开始调试”

请注意：

• JSON的端口和Chrome快捷方式的端口必须匹配。

• 我将URL值从"http://localhost:3000/"修改为"http://localhost:3000/*"。星号是因为当您打开项目时，它可能会将您重定向到"http://localhost:3000/dashboard"之类的URL或类似名称。因此，当您尝试附加调试器时，它将不匹配。星号告诉调试器URL的最后一部分可以是任何东西。