运行具有扩展功能的vscode chrome调试器

时间:2018-08-07 11:37:05

标签: google-chrome visual-studio-code

有什么方法可以启动所有安装在chrome上的扩展程序的chrome窗口吗?

str.replace

2 个答案:

答案 0 :(得分:21)

在启动配置中将userDataDir属性设置为false时,您可以使用自己的用户个人资料启动Chrome,但我强烈建议不要这样做。您应该将调试环境保留在沙盒中,并与您的个人档案分开。您也可能也不想不必要地在常规浏览会话中启用远程调试。

默认情况下,Chrome调试器会为您的调试会话创建一个新的配置文件,并将在重启计算机之前一直存在。这里的窍门是为您的工作空间创建一个配置文件。然后,您可以将该配置文件配置为具有所需的任何扩展名和其他设置。我们只需要使它永久保留就可以了,所以我们不必再次重新配置它。

相反,请将userDataDir属性设置为.vscode目录中的路径(并在源代码管理中忽略)。它将在您设置的目录中创建配置文件。我使用${workspaceFolder}/.vscode/vscode-chrome-debug-userdatadir。然后,当您运行调试器时,它将在该目录中创建一个配置文件,该配置文件应无限期存在。然后,您可以安装所需的所有扩展,而无需弄乱您的个人资料。

答案 1 :(得分:2)

一种方法是防止调试器使用单独的配置文件启动chrome实例。

只需将"userDataDir": false中的"configurations"添加到您的launch.json。 关闭所有Chrome实例,然后从Visual Studio Code开始调试。

您之前的chrome会话应打开,其中包括一个用于存储文件的新标签页。

之后,您可以在不关闭和重新打开chrome的情况下开始/停止调试。

来源:https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome