0

0

怎么改变vscode的默认浏览器

心靈之曲

心靈之曲

发布时间:2026-03-07 20:49:32

|

174人浏览过

|

来源于php中文网

原创

vs code调试默认用edge而非chrome,需在launch.json中设"browser": "chrome"(小写);右键“open in default browser”需配置"openinbrowser.default": "chrome";终端code命令则依赖系统默认浏览器设置。

怎么改变vscode的默认浏览器

VS Code 启动调试时默认用 Edge 而不是 Chrome?改 launch.json 里的 webRoot 没用

VS Code 本身不决定“默认浏览器”,真正起作用的是调试扩展(比如 ms-vscode.js-debug)和系统级配置。你改了 webRoot,它只影响源码映射,跟浏览器选择完全无关。

关键在 launch.jsonbrowser 字段:

  • "browser": "chrome" —— 必须小写,且值是预设关键词,不是路径
  • 支持的值只有:"chrome""edge""firefox""webkit"(对应 Safari)
  • 如果填了 "Chrome""Google Chrome",调试会静默失败,或回退到系统默认
  • Windows 上 Edge 和 Chrome 都装了,默认可能优先选 Edge,因为它的调试协议更“友好”

想让所有 HTML 文件右键“Open in Default Browser”走 Chrome?别碰系统默认应用设置

VS Code 的 Open in Default Browser 命令(右键菜单或快捷键 Ctrl+Shift+P → 输入该命令)不读系统默认浏览器,它查的是 VS Code 自己的 defaultBrowser 配置项。

实操步骤:

  • 打开 VS Code 设置(Ctrl+,),搜 default browser
  • 找到 Extensions: Default Browser 这一项(属于 vscode-html-languageservice 或类似插件)
  • 点开下拉,选 chrome;没这个选项?说明你没装对应插件,装 open-in-browser 插件后才会出现
  • 或者直接改 settings.json:加一行 "openInBrowser.default": "chrome"

注意:open-in-browser 插件的配置键名容易混淆——它叫 openInBrowser.default,不是 defaultBrowser,写错就无效。

PHP168  行业B2B
PHP168 行业B2B

解决问题如下:只列举最近用户提交问题,其余问题前面几次补丁已经解决,不在复述。1、解决搜索问题。以前搜索一定要确定到省下面的某个市,这个不符合用户体验。 现在改为,省--所有城市(默认为所有城市,也可以自己选择某个市)。2、解决首页推荐产品部显示问题。(以前没有考虑多个其他浏览器)3、解决供应、求购 今日产品显示问题。(理由同上)4、解决收藏商家、供应、求购问题。 (链接错误)5、解决后台分类过

下载

终端里用 code --open-url 打开网页,浏览器还是不对?那是 shell 层面的事

VS Code 的 code --open-url http://localhost:3000 命令,本质是调用系统 open(macOS)、start(Windows)或 xdg-open(Linux)。它完全绕过 VS Code 内部配置,直连操作系统。

这时候要改的是系统默认,不是 VS Code:

  • Windows:设置 → 应用 → 默认应用 → Web 浏览器 → 选 Chrome
  • macOS:系统设置 → 通用 → 默认网页浏览器 → 选 Chrome
  • Linux:终端运行 xdg-settings set default-web-browser google-chrome.desktop
  • 验证是否生效:终端直接运行 xdg-open https://example.com(Linux/macOS)或 start https://example.com(Windows)

改完还是弹 Edge?检查有没有多个 launch.json 或插件冲突

VS Code 会按优先级加载调试配置:.vscode/launch.json > 工作区设置 > 用户设置。一个项目里如果根目录和子文件夹都有 .vscode/launch.json,可能被低优先级的覆盖。

常见干扰源:

  • 某些前端框架脚手架(如 Create React App)自动生成的 launch.json 里硬编码了 "browser": "edge"
  • js-debug 扩展更新后行为变化:新版默认启用 useWebView,可能跳过浏览器选择逻辑
  • 插件冲突:同时装了 Debugger for Chrome(已废弃)和 js-debug,前者会劫持调试流程但不响应新配置
  • 确认当前调试用的是哪个扩展:启动调试时看左下角状态栏,写着 “Node.js” 还是 “pwa-node” —— 后者才是现代 js-debug

最稳妥的做法:删掉旧的 Debugger for Chrome 插件,确保 js-debug 已启用,在项目级 launch.json 中显式写死 "browser": "chrome",并重启 VS Code 窗口。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

453

2023.08.07

json是什么
json是什么

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

546

2023.08.23

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

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

331

2023.10.13

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

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

82

2025.09.10

chrome什么意思
chrome什么意思

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

1043

2023.08.11

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

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

827

2023.11.06

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

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

1709

2023.08.21

IE浏览器自动跳转EDGE如何恢复
IE浏览器自动跳转EDGE如何恢复

ie浏览器自动跳转edge的解决办法:1、更改默认浏览器设置;2、阻止edge浏览器的自动跳转;3、更改超链接的默认打开方式;4、禁用“快速网页查看器”;5、卸载edge浏览器;6、检查第三方插件或应用程序等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

396

2024.03.05

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

23

2026.03.06

热门下载

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

相关下载

更多

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.7万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 8.2万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号