Open in Browser插件需文件已保存且有真实磁盘路径才能正常打开，否则会跳转空白页或报ERR_FILE_NOT_FOUND；它仅转发file://路径，不支持fetch等需HTTP环境的功能。
VSCode 里直接预览 HTML 效果，根本不用切窗口、手动拖文件进浏览器——open in browser 插件就能做到，但默认行为容易踩坑，比如打开空白页、路径解析错误、甚至弹出多个标签页。
为什么 open in browser 打不开本地 HTML？
常见现象是点击右键 → “Open in Default Browser” 后，浏览器跳转到一个空地址（如 file:///C:/undefined）或报错 ERR_FILE_NOT_FOUND。这通常不是插件坏了，而是 VSCode 没识别到当前活动文件的保存路径。
- 文件必须已保存（即有真实磁盘路径），新建未保存的
Untitled-1不会触发正确路径解析 - 工作区根目录没设好，尤其多级嵌套项目中，插件可能误读相对路径
- 某些安全策略（如 Windows 的 SmartScreen）会拦截
file://协议，表现为页面白屏但无报错
open in browser 和 Browser Preview 怎么选？
两者都能预览，但底层逻辑完全不同：
-
open in browser：纯路径转发，把当前文件的file://绝对路径丢给系统默认浏览器，快、轻量、不依赖服务，但不支持热更新、无法模拟服务器环境（比如fetch('/api')会跨域失败） -
Browser Preview：启动一个本地 HTTP 服务（类似python -m http.server），所有请求走http://localhost:3000/xxx，能正确处理相对资源引用、CORS、Service Worker 等，适合调试完整前端流程 - 简单静态页用
open in browser；含 AJAX、路由、图片引用的项目优先选Browser Preview
如何让 open in browser 默认用 Chrome 而不是 Edge？
它本身不控制浏览器选择，而是调用系统默认浏览器。Windows 上改默认浏览器最稳的方式是：Settings → Apps → Default apps → Web browser，选 Chrome。别信某些教程说改插件配置项——open in browser 没提供 defaultBrowser 这类设置项，强行加会无效。
- macOS 用户可执行
defaults write com.apple.LaunchServices LSHandlers -array-add '{LSHandlerContentType=public.html;LSHandlerRoleAll=com.google.Chrome;}'命令绑定 - 如果只是临时需要 Chrome，右键菜单里有个 “Open in Chrome” 子项（需 Chrome 已安装且注册为可选浏览器）
- 注意：Edge 浏览器若被 Windows 强制设为默认，即使 Chrome 已安装，VSCode 仍会调用 Edge
真正影响预览效果的，从来不是插件装了多少，而是你有没有确认文件已保存、路径是否含中文或空格、以及当前项目是否依赖服务端逻辑——这些细节比换插件重要得多。
