vs code 没有真正内置浏览器，所有“内部打开”实为调用系统外部浏览器；真内嵌需装 embeddedbrowser 插件，而开发 html/css/js 应用 live server 等 http 服务而非 file:// 协议。
VS Code 没有真正内置浏览器，所谓“内部打开”其实是假象
VS Code 本身不带渲染引擎，Open in Default Browser、Preview in Browser 或 Go Live 全部是调用系统外部浏览器（Chrome/Firefox/Safari），只是自动拼出 file:// 或 http://localhost:xxxx 地址并执行系统命令。你看到的“在 VS Code 里打开”，99% 是新弹窗——不是嵌入面板，也不是 IDE 内部渲染。
想在编辑器里真看到网页？装 EmbeddedBrowser
这是目前唯一靠谱的“真内嵌”方案：它用本地代理 + iframe 绕过安全限制，在 VS Code 的 Webview 面板里加载任意 HTTP/HTTPS 页面（包括 http://localhost:3000）。
- 安装后按
Cmd+Shift+P→ 输入Open Browser，输入网址即可 - 支持前进/后退/刷新/历史记录，关掉再开也能恢复标签页
- 不能加载
file://协议页面（比如直接打开本地 HTML 文件），必须走 HTTP - 遇到跨域或证书错误时会白屏，此时需手动点地址栏旁的锁图标允许不安全内容
开发 HTML/CSS/JS 时别用 Open in Default Browser
它生成的是 file:///path/to/index.html，Chrome 和 Edge 默认禁用 fetch()、import('./module.js')、localStorage 等 API，你会卡在：
Angel工作室企业网站管理系统全DIV+CSS模板，中英文显示，防注入sql关键字过滤，多浏览器适应，完美兼容IE6-IE8,火狐，谷歌等符合标准的浏览器，模板样式集中在一个CSS样式中，内容与样式完全分离，方便网站设计人员开发模板与管理。系统较为安全，以设计防注入，敏感字符屏蔽。新闻，产品，单页独立关键字设计，提高搜索引擎收录。内置IIS测试，双击打启动预览网站 Angel工作室企业网站
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of ""Access to fetch at 'file:///xxx' is blocked- CSS/JS 路径 404（相对路径在
file://下解析规则和 HTTP 完全不同）
正确做法是用 Live Server 插件右键选 Open with Live Server，它起的是 http://localhost:5500/，所有现代前端能力才可用。
为什么 Code Runner 声称能“内置运行 HTML”？
它其实是个误导性包装：背后仍是调用系统默认浏览器打开 file:// 地址，并非真在编辑器里渲染。而且它不支持热重载、不处理模块导入、无法调试网络请求——只适合极简静态页面快速瞄一眼。
- 如果你看到“内置浏览器窗口”，那只是 VS Code 把浏览器窗口当作外部工具托管显示，本质还是 Chrome 进程
- 一旦 HTML 里有
<script type="module"></script>或fetch('/api')，立刻报错 - 真正需要交互预览，请直接用
Live Server或vite preview
关键不是“在哪打开”，而是“用什么协议打开”。file:// 是开发陷阱，http:// 才是真实环境起点——这点新手最容易忽略，直到卡住半天才去搜报错信息。
