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

vscode怎么默认打开谷歌浏览器

浅萱酱_1045

浅萱酱_1045

发布时间:2026-03-15 23:50:31

|

491人浏览过

|

来源于php中文网

原创

Live Server 默认不读系统默认浏览器,需手动配置 liveServer.settings.CustomBrowser 为 "chrome"(小写)并重启 VS Code;右键“Open with Live Server”才生效,而“Open in Default Browser”属 open-in-browser 插件,需单独配置 openInBrowser.default;调试时由 launch.json 的 "browser": "chrome" 控制;所有配置修改后必须重载窗口或重启才生效。

vscode怎么默认打开谷歌浏览器

Live Server 不开 Chrome?查 liveServer.settings.CustomBrowser

Live Server 插件压根不读系统默认浏览器,只认自己配置项。哪怕你把 Chrome 设成系统默认,它照样可能弹出 Edge 或 Firefox。

  • 打开 VS Code 设置(Ctrl + ,),搜索 liveServer.settings.CustomBrowser
  • 值填 "chrome"(注意:大小写必须小写,不能是 "Chrome" 或 "Google Chrome")
  • 保存后必须 重启 VS Code 或执行 Developer: Reload Window,否则配置不生效
  • 右键菜单要选 “Open with Live Server”,不是“在默认浏览器中打开”

右键“Open in Default Browser”还是错?盯紧 openInBrowser.default

这个命令属于 open-in-browser 插件(作者 techer),它和 Live Server 是两套独立逻辑,配置互不影响。

  • 先确认已安装插件:扩展市场搜 open-in-browser,装的是 techer 版本(别装错名字相近的)
  • 设置里搜 openInBrowser.default,填 "chrome"(同样严格小写)
  • macOS 用户填 "google-chrome" 并确保终端能直接运行该命令;Windows 建议把 Chrome 安装路径加进 PATH,或填绝对路径如 "C:/Program Files/Google/Chrome/Application/chrome.exe"
  • 改完仍不出现右键菜单?卸载插件 → 重启 VS Code → 重装 → 再重启

调试时启动 Edge 而非 Chrome?改 launch.json 的 browser

Debugger for Chrome(或新版 js-debug)调试时,浏览器选择由 launch.json 控制,和上面两个插件完全无关。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 项目根目录下 .vscode/launch.json 中,确保有 "browser": "chrome"(小写)
  • url 必须是 http:// 开头的有效地址(比如 "http://localhost:5500/index.html"),不能是 file:// 协议
  • 检查 webRoot 是否指向正确源码路径,否则断点不命中——但这不影响浏览器启动本身
  • 如果 Chrome 启动了但连不上调试器,大概率是端口被占或 Chrome 启动参数冲突,不是配置写错了

系统默认设对了,为什么某些场景还是失效?

VS Code 里“默认浏览器”根本不存在统一概念——不同功能走不同路径:右键命令走插件配置,Live Server 走自己配置,code 命令行启动走系统注册,调试走 launch.json。

  • 微信、钉钉、某些国产软件会偷偷重置 Windows 系统默认浏览器注册表,导致 Live Server 回退到旧设置
  • 多个插件共存(比如同时装了 open-in-browser 和 Live Server)可能造成右键菜单行为不一致
  • 项目级配置(.vscode/settings.json)优先于全局设置,建议关键项目直接写死:"liveServer.settings.CustomBrowser": "chrome"

最常被忽略的一点:所有配置改完都必须重载窗口或重启,settings.json 文件保存成功 ≠ 配置已加载。

相关文章

谷歌浏览器
谷歌浏览器

谷歌浏览器Google Chrome是一款可让您更快速、轻松且安全地使用网络的浏览器。Google Chrome的设计超级简洁,使用起来得心应手。这里提供了谷歌浏览器纯净安装包,有需要的小伙伴快来保存下载体验吧!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

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

SkildArt
SkildArt Hot

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

WorkBuddy

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

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

讯飞绘文

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

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

DeepSeek

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

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

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

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

2215

2023.08.07

json是什么
json是什么

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

3502

2023.08.23

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

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

1176

2023.10.13

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

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

4039

2025.09.10

chrome什么意思
chrome什么意思

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

2846

2023.08.11

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

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

5719

2023.11.06

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

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

4047

2026.03.24

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

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

3042

2023.08.21

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

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