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'
相关推荐
霸王蟹2 天前
前端项目Excel数据导出同时出现中英文表头错乱情况解决方案。
笔记·学习·typescript·excel·vue3·react·vite
新晨4373 天前
vite引入文件
vite
sg_knight4 天前
Rollup vs Webpack 深度对比:前端构建工具终极指南
前端·javascript·webpack·node.js·vue·rollup·vite
charlee444 天前
给Markdown渲染网页增加一个目录组件(Vite+Vditor+Handlebars)(上)
javascript·vite·markdown·vditor·handlebars
萌萌哒草头将军5 天前
🚀🚀🚀什么?浏览器也能修改项目源文件了?Chrome 团队开源的超强 Vite 插件!🚀🚀🚀
vue.js·react.js·vite
non_hana6 天前
Vite Dev Server 构建原理
node.js·vite
佚名猫6 天前
vue3+vite+pnpm项目 使用monaco-editor常见问题
前端·vue3·vite·monacoeditor
Z_haha7 天前
Vite HMR API 详解
前端·vite
Hilaku8 天前
为什么我们用了 Vite 还是构建慢?——真正的优化在这几步
前端·javascript·vite
晓得迷路了8 天前
栗子前端技术周刊第 84 期 - Vite v7.0 beta、Vitest 3.2、Astro 5.9...
前端·javascript·vite