集成浏览器
集成的浏览器允许您直接在 VS Code 中打开和交互网页。使用它预览网页应用、测试认证流程，并选择页面元素作为上下文添加到你的 AI 聊天提示中。
注释
集成浏览器目前仍处于实验阶段，未来版本可能会有所变化。
打开浏览器
运行浏览器：从命令面板（⇧⌘P（Windows，Linux Ctrl+Shift+P））打开集成浏览器命令。
你可以同时打开多个浏览器实例，每个实例在自己的编辑器标签页中。
启用
workbench.browser.openLocalhostLinks
设置为自动打开本地主持URL在集成的浏览器里，而不是你的默认系统浏览器。
导航
浏览器支持http://,https://， 和file://URL。使用地址栏导航到任意URL，或使用页面内链接在网站内导航。
- 正常导航和锚点连接正常工作
- Ctrl+点击（macOS上按Cmd+点击）可以在新浏览器标签页中打开链接
- 弹窗被屏蔽，但允许新增标签页
开发者工具
从浏览器工具栏切换浏览器的开发者工具，检查元素、查看控制台输出并调试页面问题。
独立窗口
通过右键点击编辑器标签并选择“移动到新窗口”，将浏览器移动到独立的浮动窗口。在浮动窗口标题栏使用“始终在顶部设置”以保持其可见。
为AI聊天添加元素
从网页中选择元素，将它们作为聊天提示的上下文添加。这对于获得特定HTML元素、CSS样式的帮助或调试UI问题非常有用。
- 打开集成的浏览器，导航到你的网页应用。
- 在浏览器工具栏中选择“添加聊天元素”按钮进入选择模式。
- 将鼠标悬停在元素上，选择将它们添加到你的聊天提示中。
配置包含哪些信息：
| 背景设定 | 描述 |
|---|---|
chat.sendElementsToChat.attachCSS |
为选定元素包含 CSS 样式 |
chat.send元素到Chat.attach图片 |
附上选定元素的截图 |
了解更多关于为聊天添加上下文的信息。
权限
浏览器会自动拒绝大多数权限请求（摄像头、麦克风、地理定位）以保障安全。允许通知、剪贴板访问和文件选择。
会话存储
控制集成浏览器如何存储会话数据，如 Cookie、登录、localStorage和缓存
workbench.browser.dataStorage
环境。
| 模式 | 描述 |
|---|---|
全球 |
数据会持续存在，并在所有浏览器标签页和工作区之间共享。 |
工作空间 |
数据在工作区内存在，但在工作区之间被隔离。 |
短暂的 |
数据不会在标签页间共享或持久保存。类似于无痕模式。 |
要清除存储数据，请在浏览器工具栏中选择菜单，根据当前存储模式选择“清除存储（全局）”或“清除存储”（工作区）。清除存储后重新加载浏览器标签页以应用更改。
注释
在不受信任的工作区中，浏览器无论设置如何，都会使用临时模式来保护你的数据。
作为默认浏览器使用
VS Code 还内置了一个简单的浏览器，用于预览网页，但功能比集成浏览器有限。如果你想使用集成浏览器代替简单浏览器，请启用
simpleBrowser.useIntegratedBrowser
环境。
实时预览扩展可以使用集成的浏览器预览网页。启用
livePreview.useIntegratedBrowser
设置为将其作为默认预览浏览器使用。