Vite 设置在隐私模式下打开网页

通过 vite 命令运行时可以添加 --open 参数自动打开网页,这个功能调试时很方便,但是打开的网页和正在查看的网页都放在一起用起来还是有点麻烦,所以我希望在隐私模式中打开,这样就不会干扰正常浏览网页。

在默认浏览器中打开网页

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "vite --open",
    ...
  }
}

在隐私模式下打开网页

vite 最终是使用 open 包打开网页的,在 windows 和 macos 下,打开 chrome 的方式有点不一样,在 windows 下浏览器的名称是 chrome,在 macos 下的浏览器名称是 google chrome 。

on windows

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "crossenv BROWSER=chrome BROWSER_ARGS='--incognito' vite --open",
    ...
  }
}

on macos

json 复制代码
// package.json
{
  ...
  "script": {
    "dev": "crossenv BROWSER='google chrome' BROWSER_ARGS='--incognito' vite --open",
    ...
  }
}

应用到所有项目

如果觉得每个项目去设置参数太麻烦,可以直接修改系统环境变量

bash 复制代码
# ~/.bash_profile
export BROWSER='google chrome'
export BROWSER_ARGS='--incognito'
相关推荐
xiaotao1311 天前
Vite 完全学习指南
前端·vite·前端打包
xiaotao1313 天前
第二十一章:CI/CD 最佳实践
前端·ci/cd·vite·前端打包
xiaotao1313 天前
第十八章:微前端与 Module Federation
前端·vite·前端打包
xiaotao1313 天前
第十五章:企业级部署方案
前端·vite·前端打包
opbr3 天前
还在手写 env 类型定义?这个 Vite 插件帮你自动搞定!
前端·vite
xiaotao1314 天前
第九章:Vite API 参考手册
前端·vite·前端打包
xiaotao1314 天前
第十章:Vite 生态与最佳实践
vite·前端打包
xiaotao1314 天前
第十二章:TypeScript 深度集成
前端·vite·前端打包
探索宇宙真理.5 天前
Vite 任意文件读取漏洞 | CVE-2026-39363复现&研究
经验分享·开源·vite·安全漏洞
之歆6 天前
Vite 深度解析 - 重新理解现代前端构建工具
vite