我正在使用Debugger for Chrome VS Code扩展。我正在使用yarn start
开发一个React项目,它在localhost:3000
打开。
我有一个已经运行的Chrome示例,我使用我的Google帐户登录。然而,当我点击“针对本地主机启动Chrome”时,标签页在一个我没有登录的新Chrome示例中打开。
如何在已经运行的Chrome示例中强制打开标签页?launch.json
:
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
},
]
}
2条答案
按热度按时间p1iqtdky1#
下面的指南很有帮助,基本上你想使用
"request": "attach"
而不是"request": "launch"
。https://www.freecodecamp.org/news/how-to-set-up-the-debugger-for-chrome-extension-in-visual-studio-code-c0b3e5937c01/
q5lcpyga2#
下面引用的FreeCodeCamp指南有解决方案的开始,但已经过时和不完整。
到2023年,你需要做两件事:
1.点击VSCode中的“添加配置”按钮,并为“Chrome:Attach”。
launch.json
中的新配置现在应该在VSCode中有一个request
参数为“attach”而不是“launch”。1.退出/杀死 * 所有 * 正在运行的Chrome示例。
1.运行特殊命令,在特定端口上重新打开启用远程调试的Chrome(包括所有现有标签页和其他标识)。在MacOS上,命令是:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
1.在VSCode中,返回到Run and Debug面板,并单击顶部的菜单,从之前的基于启动的配置更改为新的基于附加的配置。
1.现在,单击绿色的“开始调试”按钮,您应该看到调试控制台在底部面板中打开,并填充控制台输出
有关更多细节,请参阅VSCode文档,以及其他平台的命令。并且,确保
launch.json
中的port
参数与您用于重新启动Chrome的命令中的端口号相匹配。