vscode使用chrome调试报错

时间:2024-03-22 11:38:43

1. 修改chrome浏览器属性

先在其快捷方式右键选属性,在“目标”字段中,追加–remote-debugging-port=9222(追加前要放个空格),我一开始改了无法保存,需要先去掉只读这个勾,如下:
vscode使用chrome调试报错
vscode使用chrome调试报错
修改好之后,测试一下能否使用本地chrome调试,如果不可以,还报错,那就接着走步骤二:

2. 设置chrome启动页

启动浏览器,如果浏览器默认打开的页面不是about:blank,会弹框报错,需要设置,如下图,设置好之后,关掉浏览器,重新打开:
注意:第一步设置好后可以正常调试,那就不用把浏览器启动页设置为about:blank
vscode使用chrome调试报错

3. 效果

到现在为止,已完成配置!选择html页面,点击调试按钮,选好使用本机Chrome调试即可,如图:
vscode使用chrome调试报错

参考