You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否在VS Code编辑器内运行Chrome或Edge等网页浏览器?

在VS Code中内嵌Chrome/Edge浏览器的可行方案

当然可以在VS Code窗口内实现编辑器与Chrome/Edge浏览器面板并排的效果,以下是几种实用的实现方式:

  • 使用Debugger for Chrome或Debugger for Microsoft Edge扩展
    这类调试扩展不仅具备网页调试能力,还支持将浏览器实例内嵌到VS Code的面板中。只需在launch.json配置文件里设置对应参数(比如指定内嵌模式),就能在VS Code内打开浏览器,和编辑器分栏显示,方便一边写代码一边调试预览。

  • 使用Browser Preview扩展
    这是专门为VS Code设计的内嵌浏览器工具,基于Chrome内核开发。安装后可以直接在VS Code的面板区域打开浏览器窗口,支持调整面板布局(分栏、拆分),和普通浏览器一样支持网页导航、开发者工具,完全满足开发时的预览需求。

  • 基于Webview API自定义扩展
    如果需要更个性化的功能,开发者可以利用VS Code的Webview API自行开发扩展,将Chromium内核的浏览器实例嵌入到VS Code面板中,实现高度定制的布局和交互逻辑。

这些方案都能实现你设想的“一个VS Code窗口内同时拥有编辑器和浏览器面板”的场景,内嵌的浏览器功能与独立版Chrome/Edge基本一致,能很好地适配日常开发流程。

内容的提问来源于stack exchange,提问作者Jeffery Tang

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 00:52:06