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'
相关推荐
用户9714171814274 天前
前端开发中的跨域问题:Vite 开发环境配置指南
vue.js·vite
kuromiluu4 天前
从原理到实践:Vite
vite
菜市口的跳脚长颌5 天前
一个 Vite 打包配置,引发的问题—— global: 'globalThis'
前端·vue.js·vite
苏卫苏卫苏卫8 天前
【码源】智能无人仓库管理系统(详细码源下~基于React+TypeScript+Vite):
前端·react.js·typescript·vite·项目设计·智能无人仓库管理系统·码源
前端赵哈哈12 天前
Vite 构建后产品详情页图片失效?从路径匹配到映射表的完美解决
前端·vue.js·vite
念念不忘 必有回响13 天前
nginx前端部署与Vite环境变量配置指南
前端·nginx·vite
我爱甜妹16 天前
vite项目保存代码后不刷新页面 vite热更新
vite
jason_yang17 天前
vue3+element-plus按需自动导入-正确姿势
vue.js·vite·element
WujieLi19 天前
初识 Vite+:一文了解 Rust 驱动的新一代前端工具链
javascript·rust·vite
却尘19 天前
Vite 炸裂快,Webpack 稳如山,Turbopack 想两头要:谁才是下一个王?
前端·面试·vite