我想把调试器附加到chrome浏览器标签页。
测试
内容
我使用以下配置进行了测试：启动.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": [
{
"name": "Attach to Chrome",
"type": "chrome",
"request": "attach",
"url": "https://en.wikipedia.org/wiki/A"
}
]
}但它不起作用。
错误
无法连接到位于本地主机的目标：无法连接到位于http：//localhost：0的调试目标：找不到任何可调试目标
1条答案
按热度按时间kiz8lqtg1#
您需要运行chromium浏览器，告诉它侦听特定端口上的调试器。
有关将调试器附加到浏览器的信息，请参见VS代码文档。
要连接到正在运行的浏览器，需要在特殊调试模式下启动浏览器。您可以使用以下命令，将edge.exe替换为Edge或Chrome二进制文件的路径来执行此操作：
设置
--remote-debugging-port会告诉浏览器监听该端口上的调试连接。设置单独的--user-data-dir会强制打开浏览器的新示例;如果这个标志没有给出，那么这个命令将打开一个新窗口的任何运行的浏览器，而不是进入调试模式。接下来，向vscode/launch.json文件添加一个新部分，如下所示：
现在，您可以按F5键或Run and Debug视图中的Start按钮来连接到正在运行的浏览器，甚至可以添加host属性来调试在不同计算机上运行的浏览器。
已被取代的Chrome调试扩展的相关文档：https://github.com/Microsoft/vscode-chrome-debug#attach网站。