最稳方式是用open-in-browser插件并手动配置firefox路径：安装后在设置中设openinbrowser.default为firefox，若firefox不在path则填openinbrowser.custombrowserpath.firefox完整路径；也可启动live server后手动在firefox中访问http://localhost:5500/xxx.html。
VSCode 里用 Firefox 打开 HTML 文件的几种可靠方式
直接双击 HTML 文件用 Firefox 打开最省事，但 VSCode 默认不集成 Firefox 启动器 —— 它靠外部命令或插件触发。关键不是“能不能”，而是“哪条路径最稳、不卡壳”。
推荐优先用 open-in-browser 插件（作者：techer），它支持手动指定浏览器路径，且对 Firefox 的 firefox.exe（Windows）或 firefox（macOS/Linux）识别稳定。
- 安装插件后，右键 HTML 文件 → “Open in Default Browser” 不起作用？别急，先去设置里改默认浏览器
- 在 VSCode 设置中搜索
openInBrowser.default，把值设为firefox（注意大小写，Linux/macOS 区分） - 如果 Firefox 不在系统 PATH 里（比如 Windows 上装在 D:Program FilesMozilla Firefox），就得手动配
openInBrowser.customBrowserPath.firefox，填完整路径如D:\Program Files\Mozilla Firefox\firefox.exe（反斜杠要双写） - 保存后右键 → “Open in Firefox” 就能直接唤起新窗口（非标签页），适合隔离测试
为什么 Live Server 默认不用 Firefox？
Live Server 插件（ritwickdey）本质是起一个本地 HTTP 服务（http://localhost:5500/xxx.html），它调用的是系统默认浏览器，而不是你 VSCode 里配的某个特定浏览器。所以即使你设置了 openInBrowser.default，Live Server 仍可能弹出 Chrome 或 Edge。
- 解决办法：不要依赖 Live Server 的自动打开，启动服务后手动在 Firefox 地址栏输入
http://localhost:5500/xxx.html - 或者用命令行绕过：终端执行
firefox http://localhost:5500/xxx.html（macOS/Linux 直接敲；Windows 需确保firefox.exe在 PATH，否则要用绝对路径） - Live Server 的热重载在 Firefox 里完全可用，只要页面是通过
http://（而非file://）访问的 —— 这点容易被忽略，file://协议下很多 API（如fetch、Service Worker）会直接报错
多浏览器兼容测试的最小可行流程
真正在多个浏览器里跑同一份 HTML，核心是“统一入口 + 独立进程”，避免缓存干扰和状态污染。
- 用 VSCode 启动 Live Server（端口固定，比如
5500），所有浏览器都访问http://localhost:5500/index.html，不是各自打开本地文件 - Firefox、Chrome、Edge 同时开，每个浏览器用无痕/隐私模式（防止扩展、缓存、登录态干扰）
- 检查控制台前，先清空当前页缓存：
Ctrl+Shift+R（硬刷新）比普通 F5 更可靠 - 留意 Firefox 特有行为：比如
document.execCommand已废弃且不触发，input[type="date"]的 UI 和事件细节与 Chrome 不同，flex的min-width: auto表现也略有差异
Firefox 调试时容易漏掉的细节
VSCode 自身不提供 Firefox 调试器集成（不像 Chrome 有 Debugger for Chrome 插件那样成熟），所以得靠 Firefox 自带的开发者工具，但有几个点必须手动确认：
- 确保 Firefox 的
devtools.chrome.enabled在about:config里设为true（仅当你要调试 WebExtension 或用某些高级 API 时需要） - VSCode 的
launch.json如果写了"type": "firefox"，那是给 Firefox DevTools 调试协议用的，需要额外安装firefox-debug插件，且只支持较新版本 Firefox（115+） - 更轻量的做法：写好 HTML 后，用 Firefox 打开 → F12 → 切到“Debugger”面板 → 按
Ctrl+P搜你的 JS 文件，打断点就行，不需要 VSCode 参与
多浏览器测试真正的难点不在启动，而在判断“哪个行为算正常”——比如 Chrome 允许跨域 fetch 读取本地 JSON（开发时），Firefox 严格拒绝。这时候得看标准，而不是哪个浏览器“跑通了”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
