Chrome OS系统中VS Code无法调试运行HTML文件该如何解决

VS Code的Chrome调试扩展无法自动识别Chrome OS环境下的浏览器安装位置时，就会弹出要求配置JSON路径的提示，手动指定绝对路径即可解决，操作步骤如下：

• 打开待调试的HTML文件，按快捷键Ctrl+Shift+D调出运行调试面板，点击「创建launch.json文件」，在弹出的环境选项中选择「Chrome」，VS Code会自动在当前工作目录生成.vscode/launch.json配置文件。
• 在配置文件的调试配置块中新增runtimeExecutable字段，填入当前环境下Chrome浏览器的绝对路径：

  不同安装场景对应默认路径如下：

  • Chrome OS原生安装VS Code时，内置Chrome默认路径为/opt/google/chrome/chrome
  • Crostini Linux容器内安装VS Code时，容器内Chrome稳定版默认路径为/usr/bin/google-chrome-stable
    若默认路径无效，打开Chrome OS终端执行which google-chrome-stable或which chrome，命令返回的结果就是当前环境Chrome的准确绝对路径。

• 参考下方示例补全配置，注意将runtimeExecutable的值替换为你查到的实际路径：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "调试当前HTML文件",
      "file": "${file}",
      "runtimeExecutable": "/opt/google/chrome/chrome",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

• 保存配置文件后，回到待调试的HTML页面按F5即可正常启动调试，不会再弹出路径配置提示。

内容的提问来源于stack exchange，提问作者James Livingstone