vs code 中「open in browser」默认调用系统默认浏览器，需通过配置 "html.preview.defaultbrowser": "chrome" 或使用 live server 扩展的 "liveserver.settings.custombrowser": "chrome" 指定浏览器，注意大小写敏感且浏览器须已安装并可被系统调用。
怎么让 VS Code 点击「Open in Browser」打开指定浏览器
VS Code 默认用系统默认浏览器打开 HTML，但你可能想固定用 Chrome、Edge 或 Firefox，尤其是开发时需要复现特定渲染行为。关键不是改 VS Code 设置本身，而是改 open-in-browser 类扩展的行为或换用更可控的替代方案。
常见错误现象：Open in Default Browser 命令点了没反应、打开的是 Safari（Mac）或 IE（旧 Win），或者改了系统默认浏览器后 VS Code 仍不更新。
- 优先卸载第三方「Open in Browser」扩展（如
techer.open-in-browser），它常缓存旧配置且不支持多浏览器切换 - 改用官方推荐的
vscode-html-preview（仅预览，不依赖外部浏览器）或更可靠的preview-vscode - 如果坚持用外部浏览器，在
settings.json中加这一行："html.preview.defaultBrowser": "chrome"
，可选值包括"chrome"、"edge"、"firefox"（大小写敏感，且要求对应浏览器已安装并注册为系统可调用命令） - Windows 上 Edge 可能需手动指定路径：在设置里加
"html.preview.browserPath.chrome"并指向msedge.exe（例如"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe"）
为什么改了 settings.json 还是打开错浏览器
因为 VS Code 的 HTML 预览逻辑分两层：一是右键菜单的「Open in Default Browser」（走系统级调用），二是内置预览面板（Ctrl+Shift+V）——后者才真正读取 html.preview.defaultBrowser 设置。
- 「Open in Default Browser」本质是执行
start /b "" "path/to/file.html"（Win）或open file.html（Mac），完全绕过 VS Code 设置 - 想让它也受控？必须装扩展，比如
bradlc.vscode-tailwindcss不行，得用hdetach.localhost-open或手写一个自定义任务 - Mac 用户注意：
open -a "Google Chrome" file.html才能强制指定，但 VS Code 默认不用这个命令 - 部分 Linux 发行版（如 Ubuntu）需确保
xdg-open配置正确，否则即使设了chrome，也会 fallback 到 Firefox
用 Live Server 扩展时如何指定浏览器
Live Server（ritwickdey.LiveServer）是实际开发中最常用的方案，但它默认也走系统默认浏览器。它的控制粒度比原生预览更高，但配置入口藏得深。
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
立即学习“前端免费学习笔记（深入）”；
- 打开命令面板（
Ctrl+Shift+P），搜Live Server: Configure Target，会生成一个.vscode/settings.json片段 - 关键配置项是
"liveServer.settings.CustomBrowser"，值设为"chrome"、"firefox"等字符串（不是路径） - 如果想传启动参数（比如禁用 CORS 调试），得配
"liveServer.settings.AdvanceCustomBrowserCmdLine"，例如："--disable-web-security --user-data-dir=/tmp/chrome-dev"
- 注意：该扩展在 WSL2 环境下可能无法唤起 Windows 端 Chrome，此时需改用
"browser": "wslview"或手动配WSL_HOST_IP
修改后刷新不生效？检查这三处缓存
VS Code 对浏览器路径和命令有轻量缓存，尤其在快速切换配置后容易卡在旧行为上。
- 关闭所有 HTML 文件标签页，再重启 VS Code（不是重载窗口）
- 检查
Developer: Toggle Developer Tools控制台是否有ERR_CONNECTION_REFUSED或spawn ENOENT—— 后者说明浏览器路径错了 - Windows 用户若用 Chocolatey 或 Scoop 安装浏览器，路径可能不在常规位置，
where chrome或Get-Command chrome才能确认真实路径
最易被忽略的一点：某些公司设备策略会锁死默认浏览器注册表项，哪怕你在设置里写了 edge，start 命令仍强制走 IE 兼容模式——这时只能放弃「Open in Browser」，全程用 Live Server + 手动粘贴地址到目标浏览器。
