VS Code调试HTML报crbug/1173575错误,如何重置或解决?
crbug/1173575报错修复方案
该报错本质是Chromium内核浏览器调试协议与VS Code旧版调试扩展不兼容导致,和VS Code本体配置关联度低,因此常规卸载重装VS Code无法解决,可按以下步骤修复:
修复步骤
- 第一步替换调试扩展:卸载VS Code中已官方弃用的
Debugger for Chrome扩展,安装官方维护的Debugger for Microsoft Edge扩展,该扩展兼容Chrome、Edge两款Chromium内核浏览器,可直接适配最新调试协议。 - 第二步调整调试配置:打开项目中的
.vscode/launch.json文件,将配置项中的type字段值从chrome修改为pwa-chrome,参考配置如下:
{ "version": "0.2.0", "configurations": [ { "type": "pwa-chrome", "request": "launch", "name": "启动Chrome调试", "url": "http://localhost:5500", "webRoot": "${workspaceFolder}" } ] }
注意配合Live Server扩展启动本地预览服务,将配置中url的端口改为Live Server实际运行端口,不要直接用本地文件协议打开HTML调试,文件协议的权限限制也会触发该报错。
- 第三步彻底重置VS Code配置:如果上述操作未生效,说明用户目录下的旧缓存配置有残留,之前卸载重装未生效是因为卸载默认不会删除用户配置目录,手动删除对应目录即可恢复出厂状态:
- Windows系统:删除
C:\Users\你的用户名\.vscode文件夹和C:\Users\你的用户名\AppData\Roaming\Code文件夹 - Mac系统:删除
~/.vscode文件夹和~/Library/Application Support/Code文件夹 - Linux系统:删除
~/.vscode文件夹和~/.config/Code文件夹
删除前可自行备份扩展列表、自定义配置等内容,删除后重启VS Code即为全新初始化状态。
- Windows系统:删除
赶作业临时替代方案
如果调试配置暂时无法修复,可直接用以下方式完成作业,无需额外配置:
- 写完HTML文件后,右键选择在默认浏览器打开,修改内容后刷新浏览器即可查看效果,调试直接用浏览器自带的F12开发者工具,功能比VS Code内嵌调试更完善。
- 开箱即用的替代HTML开发工具可选择Sublime Text、HBuilderX,两款工具都内置HTML实时预览功能,安装完成即可直接使用,无需额外配置调试环境。
内容的提问来源于stack exchange,提问作者RickRoh
相关产品推荐
相关产品推荐

