browser preview 不提供完整审查工具，仅支持悬停高亮、点击定位html、右键跳转编辑器、响应式模拟和保存自动刷新；它无console、network、debugger面板，不支持console.log、断点调试或http请求头查看。
Browser Preview 不能提供完整审查工具——它没有 Console、Network、Debugger 面板，也不支持 console.log 输出、断点调试或查看 HTTP 请求头。所谓“真实浏览器”仅指基于 WebView 或无头 Chromium 的渲染能力，不是 Chrome DevTools 的平移。
Browser Preview 能做什么审查？
它只支持轻量级可视化交互：
- 鼠标悬停高亮 DOM 元素，点击可定位到对应
index.html行（需文件已打开且路径匹配） - 右键菜单含
Reveal in Editor，自动跳转至 VS Code 中该标签所在代码位置 - 支持响应式模拟（手机/平板/桌面尺寸切换）
- 保存 HTML/CSS 后自动刷新（但 JS 错误不会显示在预览窗格内）
为什么 Browser Preview 没有 Console 和 Network 面板？
根本原因在于架构限制：
- 它不复用 Chrome 的完整 DevTools 前端，而是通过
BrowserViewWindow.ts封装系统 WebView 或 Electron 内置渲染器 -
debugProvider.ts提供的调试能力仅限于与 VS Code 调试协议对接，无法暴露底层 DevTools 协议（CDP） - 所有网络请求、JS 执行上下文、内存堆栈等数据未桥接到 UI 层，Console 输出被静默丢弃
- 即使启用
enableDevTools: true配置项（部分旧版文档提及），实际也无效果——该字段在当前稳定版中已被移除或无效
想在 VS Code 里用完整 DevTools，必须换方案
Browser Preview 是预览助手，不是调试替代品。真正需要审查时，必须组合使用：
- 用
Live Server启动http://localhost:5500，再手动打开 Chrome → 按F12调出完整 DevTools - 装
Debugger for Edge或Debugger for Chrome插件，配合launch.json启动带调试能力的独立浏览器实例 - Browser Preview 窗格只用来快速确认结构、样式、响应式布局；一旦遇到
Uncaught ReferenceError、fetch failed或状态不更新，立刻切到 Chrome 的Console和Network标签页
最容易被忽略的一点：Browser Preview 的“实时刷新”不等于“JS 上下文保持”。每次刷新都会重建全局作用域，debugger 语句和断点全部失效——这和 Chrome 的“Preserve log”或“Disable cache”完全不是一回事。
