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'
相关推荐
sir.山3 天前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite
嘟嘟07174 天前
JWT 登录认证完整流程(React + Vite 实战复习)
react.js·vite
xyphf_和派孔明6 天前
Vite 与 Webpack 对比及常见面试题
前端·webpack·vite
禁止摆烂_才浅6 天前
Vite 面试题
前端·面试·vite
cyadyx10 天前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
java1234_小锋10 天前
Vue3专题 - 组件基础
vue.js·vite
小锋java123411 天前
【技术专题】Vue3 - 生命周期
vue.js·vite
倾听醉梦语14 天前
React/Vite/Next.js 前端开发工具 SpotPatch:点击页面元素精准定位 JSX/TSX 源码
javascript·react·ai编程·vite·next.js·前端开发工具
小锋java123417 天前
【技术专题】Vue3 - 列表渲染
vue.js·vite
小锋java123419 天前
【技术专题】Vue3 - 条件渲染
vue.js·vite