VS Code 无真正内置浏览器，HTML 预览依赖外部浏览器或受限 WebView；推荐用 Live Server 插件启动本地 HTTP 服务实现热重载预览，因 file:// 协议禁用脚本、模块导入等关键功能。
VS Code 本身不带内置浏览器，所谓“内置浏览器预览”其实是通过插件或外部浏览器实现的——最常用、最可靠的方式是用 Live Server 插件启动本地 HTTP 服务，在系统默认浏览器中实时预览，而非在 VS Code 窗口里嵌入一个浏览器。
为什么不能直接用 VS Code 自带的 WebView 预览 HTML？
VS Code 确实有 WebView API，供插件渲染网页内容，但它是受限沙箱环境：不支持 file:// 协议下的脚本执行（如 fetch、import、本地 JSON 加载）、禁用跨域请求、无法调试控制台输出。你双击打开 HTML 文件时看到的预览页，本质是 VS Code 的只读静态渲染器，不是真实浏览器环境。
- 点击“Open in Default Browser”菜单项，实际是调用系统命令打开外部浏览器（如 Chrome）
-
Ctrl+Shift+V（或Cmd+Shift+V）预览 Markdown，才是真·内置 WebView，但仅限 Markdown 渲染 - HTML 文件右键菜单里的 “Open Preview” 就是那个功能受限的只读视图
用 Live Server 插件启动本地服务器预览（推荐）
这是前端开发事实标准做法：让文件走 http://127.0.0.1:5500/xxx.html 而非 file:///path/to/xxx.html，从而绕过浏览器对本地文件的限制。
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速
- 安装插件：
Live Server（作者：Ritwick Dey） - 打开任意 HTML 文件 → 右下角点击
Go Live按钮，或右键选择Open with Live Server - 自动在默认浏览器中打开，且保存文件后页面自动刷新（热重载）
- 端口可配置：在 VS Code 设置中搜索
liveServer.settings.port，改为你想要的值（如3000） - 注意：如果项目含
index.html，它会优先作为根路径入口；否则按当前打开文件路径启动
不想装插件？用 VS Code 内置任务 + Python/Node 启服务
如果你已装 Python 或 Node.js，可以跳过插件，用 VS Code 的 tasks.json 快速起一个最小 HTTP 服务。
- Python 用户：终端运行
python3 -m http.server 8000（macOS/Linux）或py -m http.server 8000（Windows） - Node 用户：全局装
http-server（npm install -g http-server），然后运行http-server -p 8000 - 之后手动访问
http://localhost:8000/your-file.html - VS Code 中可把上述命令写进
.vscode/tasks.json，绑定快捷键一键启动
真正关键的不是“有没有内置浏览器”，而是“是否走 HTTP 协议”。任何依赖 AJAX、ES Module、Service Worker 的页面，都必须用服务器方式打开——这点容易被忽略，尤其新手常卡在 Failed to load module script 或 Access to fetch at 'file://' is blocked 这类报错上。
