Ubuntu下配置VSCode打开浏览器调试HTML

VSCode在Windows系统下可以安装Open in Browser扩展来调试HTML,但在Ubuntu却不行。我的电脑系统目前是深度Deepin,安装的是Edge浏览器,解决方法应该也适用于Ubuntu。

打开workspace.json,configurations对象的代码如下:

"configurations": [
{
	"name": "Edge调试",
	"type": "msedge",
	"request": "launch",
	"sourceMaps": true,
	"webRoot": "${workspaceRoot}",
	"file": "${file}",
	"runtimeExecutable": "/opt/apps/com.browser.softedge.stable/files/microsoft-edge",
	"runtimeArgs": [
		"--inprivate"
	],
}
]

其中type类型的值根据浏览器填写,比如Chrome浏览器就填写chrome。runtimeExecutable是浏览器启动命令,用文本编辑器打开浏览器图标就可以看到。runtimeArgs是命令参数,这里的–inprivate表示使用隐私窗口打开。

配置好后按F5就可以在浏览器中打开当前HTML文件了。

附:这种方式影响了其他语言程序的调试,最后使用的扩展Open In Default Browser

阿里云