跳到主要内容

PBVM

跨平台多浏览器版本管理

浏览器管理如此简单

基于 @puppeteer/browsers,一条命令安装、切换、管理多个浏览器版本,为开发与测试而生。

Terminal
$ pbvm create -b chrome -i 134.0.6998.35 -a prod
# Downloading Chrome 134.0.6998.35...
✅ Installed success: mac_arm:chrome@134.0.6998.35
✅ Successfully saved the log to the current directory.
$ pbvm open -t prod
✅ Browser opened successfully.
npm install -g pbvm-cli
通过简单别名切换,无需记住复杂的 buildId

统一管理 Chrome、Chromium、Firefox 多个版本

chrome
114.0.5734.0130.0.6723.116
chromium
121231
firefox
stable_129.0.2stable_131.0.3
跨平台兼容性

随处运行,无缝切换

pbvm 支持 Windows、macOS、Linux 多平台运行,帮助开发者在任意环境下安装、切换和管理多个浏览器版本。
WindowsOsxLinux
$ pbvm ls -a
mac (current):
ff-t                →  revision: firefox@stable_130.0.1
mac-121231          →  revision: chromium@121231
linux:
linux-chromedriver-v130  →  revision: chrome@130.0.6723.116
win32:
win32-firefox-dev  →  revision: firefox@130.0
win64:
win-chrome-beta  →  revision: chrome@131.0.6757.5
windows稳定版     →  revision: chrome@130.0.6723.116

面向前端工程化场景设计,可为不同项目生成独立的 browserlist.json 配置

实现项目级浏览器版本管理。同时支持与现代构建工具结合,为开发、测试和构建流程提供一致的浏览器环境

面向前端工程化场景设计

可为不同项目生成独立的 browserlist.json 配置,实现项目级浏览器版本管理。同时支持与现代构建工具结合,为开发、测试和构建流程提供一致的浏览器环境
CLI 命令执行流程
项目架构/组件依赖关联
资源和镜像
数据存储和文件锁

可无缝集成到构建工具链中

保障开发、构建与测试环境的一致性

vite:

// vite.config.ts
import { defineConfig } from 'vite'
import { openBrowser } from 'pbvm-cli'

export default defineConfig({
plugins: [
{
name: 'pbvm-open',
configureServer(server) {
server.httpServer?.once('listening', () => {
const { port, host } = server.config.server
const isHttps = server.config.server.https !== false
const protocol = isHttps ? 'https' : 'http'
const url = `${protocol}://${host || 'localhost'}:${port}`
openBrowser({ target: 'my-chrome', url })
})
},
},
],
})

webpack:

import { openBrowser } from 'pbvm-cli'

devServer: {
onAfterSetupMiddleware(devServer) {
const { host, port, server } = devServer.options
const isHttps = typeof server === 'string'
? server === 'https'
: server?.type === 'https'
const protocol = isHttps ? 'https' : 'http'
const url = `${protocol}://${host || 'localhost'}:${port}`
openBrowser({ target: 'my-chrome', url })
}
}

packages (optional):

// package.json
{
"scripts": {
"dev:browser": "npm run dev && pbvm open -t my-chrome -u http://localhost:3000"
}
}

三分钟上手

安装 pbvm,下载你的第一个浏览器

安装

# npm
npm install -g pbvm-cli

# pnpm
pnpm add -g pbvm-cli

常用命令

# 安装 Chrome 并设置别名
pbvm create -b chrome -i 134.0.6998.35 -a prod

# 查看已安装的浏览器
pbvm ls

# 以别名打开浏览器
pbvm open -t prod

# 查看浏览器详细信息(含运行时)
pbvm info -t prod -r

# 查询远程是否有可用版本
pbvm search -b firefox -i stable_136.0.0

准备好开始了吗?

安装 pbvm,享受流畅的浏览器版本管理体验。
██████╗ ██████╗ ██╗   ██╗███╗   ███╗
██╔══██╗██╔══██╗██║   ██║████╗ ████║
██████╔╝██████╔╝██║   ██║██╔████╔██║
██╔═══╝ ██╔══██╗╚██╗ ██╔╝██║╚██╔╝██║
██║     ██████╔╝ ╚████╔╝ ██║ ╚═╝ ██║
╚═╝     ╚═════╝   ╚═══╝  ╚═╝     ╚═╝