讲师中心 微信公众号
AI工具推荐 视频效率加速

vscode运行怎么改浏览器打开

冬瑶酱_9213

冬瑶酱_9213

发布时间:2026-03-08 16:23:33

|

662人浏览过

|

来源于php中文网

原创

VSCode不内置浏览器,而是调用系统默认浏览器或插件配置的浏览器;Live Server通过HTTP服务支持自动刷新和跨域,Open in Browser用file://协议但受限于CORS。

vscode运行怎么改浏览器打开

VSCode 打开 HTML 用的是哪个浏览器?

VSCode 本身不内置浏览器,它只是调用系统默认浏览器(file:// 协议)或你配置的特定浏览器可执行文件。如果你没改过任何设置,点“Open in Default Browser”大概率会打开 Windows 的 Edge、macOS 的 Safari,甚至某些旧系统里的 IE——这取决于你操作系统层面的默认设置,和 VSCode 无关。

Live Server 和 Open in Browser 插件怎么选?

这是两个最常用但逻辑完全不同的方案,选错会导致“改了设置却没生效”:

  • Live Server:起一个本地 HTTP 服务(比如 http://127.0.0.1:5500/index.html),再用你指定的浏览器打开这个地址。它支持自动刷新、跨域请求、fetch 读本地 JSON,适合开发阶段。
  • Open in Browser:直接用 file:// 协议打开本地 HTML 文件(比如 file:///Users/xxx/index.html)。轻量、快,但部分 JS 功能受限(如 XMLHttpRequest 读同目录 JSON 会因 CORS 被拒)。

别混着用——比如你只配了 Live Server 的 liveServer.settings.CustomBrowser,却右键点了 “Open in Default Browser”,那改的设置根本不会触发。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

改浏览器必须配对插件+配置项

单改系统默认浏览器没用;只改 VSCode 设置也不一定生效。得看你在用哪个插件,并精准修改对应配置项:

  • 用 Live Server:打开设置(Ctrl + , 或 Cmd + ,),搜 Live Server: Browser,在 liveServer.settings.CustomBrowser 里填 chrome(Windows/macOS 都认这个简写)或完整路径(如 /Applications/Google Chrome.app)。
  • 用 Open in Browser:搜 openInBrowser.default,填浏览器的可执行路径(macOS 填 /Applications/Google Chrome.app,Windows 填 C:\Program Files\Google\Chrome\Application\chrome.exe)。
  • 别漏掉重启:改完设置后,**关掉所有 VSCode 窗口再重开**,否则插件可能仍缓存旧配置。

为什么改了还是弹出 Edge / Safari?

常见原因不是配置错,而是被“覆盖”了:

  • 多个插件同时监听 HTML 右键菜单(比如 Live Server + Open in Browser + View In Browser),VSCode 会按安装顺序或激活优先级响应,你点的“Open in Default Browser”可能实际触发的是另一个插件的逻辑。
  • 快捷键冲突:比如你绑了 Alt+B 给 Open in Browser,但 Live Server 的 Go Live 按钮也在右下角常驻,一不小心就点错了。
  • 配置写在了错误层级:VSCode 设置分“用户级”和“工作区级”,如果在项目根目录下了 .vscode/settings.json,但你改的是全局设置,那项目里就无效。

最稳的办法:卸载其他浏览器预览类插件,只留一个;确认右键菜单里出现的是你要的那个选项名;改完立刻重启 VSCode,再测试。

热门AI工具

更多
讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2255

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3662

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1216

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4219

2025.09.10

chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2906

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

5939

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4207

2026.03.24

edge是什么浏览器
edge是什么浏览器

Edge是一款由Microsoft开发的网页浏览器,是Windows 10操作系统中默认的浏览器,其目标是提供更快、更安全、更现代化的浏览器体验。本专题为大家提供edge浏览器相关的文章、下载、课程内容,供大家免费下载体验。

3102

2023.08.21

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn