VS Code + Debugger for Chrome:在现有的Chrome示例中打开标签页,而不是新窗口?

vnjpjtjt  于 2023-05-27  发布在  Go
关注(0)|答案(2)|浏览(156)

我正在使用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}"
        },
    ]
}
p1iqtdky

p1iqtdky1#

下面的指南很有帮助,基本上你想使用"request": "attach"而不是"request": "launch"
https://www.freecodecamp.org/news/how-to-set-up-the-debugger-for-chrome-extension-in-visual-studio-code-c0b3e5937c01/

q5lcpyga

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的命令中的端口号相匹配。

相关问题