S

sidebranch

基于 Git 的可视化工具，在隔离 worktree 中并排比较分支界面变化

最后更新 2026/9/7
访问网站

关于 sidebranch

sidebranch 是一款基于 Git 的可视化差异工具。你可以在页面中选择任意分支，工具会在独立 worktree 中为该分支构建自己的开发服务器；随后在两个实时窗格中并排查看界面，也可使用 blend 和 onion 差异模式突出 UI 变化。它不绑定具体框架，Next、Vite、Django、Rails 等应用只要能通过端口响应 HTTP 即可使用。工具由 Node 内置能力构成，不依赖外部包；如自行安装，可使用 npm install --save-dev sidebranch，并在开发构建中加入 widget。

适合人群

使用 Git 分支协作的开发者
需要比较 UI 变化的开发者
前端与全栈开发者
使用 Next、Vite、Django 或 Rails 的开发者

适合场景

在不同 Git 分支之间切换并比较 UI

并排检查两个实时界面的差异

使用 blend 或 onion 模式突出界面变化

在隔离 worktree 中运行分支开发服务器

功能特性

页面内分支切换

从页面选择分支，并在独立 worktree 中启动对应开发服务器。

并排差异查看

两个窗格保持实时，并支持 blend 与 onion 模式突出 UI 变化。

框架无关

Next、Vite、Django、Rails 等应用均可使用，只要能通过端口响应 HTTP。

零外部依赖

整个工具由 Node 内置能力构成，不依赖外部包。

优点

  • 支持多种框架与 HTTP 应用
  • 提供并排、blend、onion 多种差异查看方式
  • 不触碰当前工作树
  • 无需外部包依赖

缺点

  • 应用需要能在端口上响应 HTTP

常见问题

官方页面列出 Next、Vite、Django 和 Rails；只要应用能通过端口响应 HTTP 即可使用。
官方介绍称，可以在不触碰当前工作树的情况下，在隔离 worktree 中构建分支并查看 UI 变化。

工具信息

开发商sidebranch
发布日期2026/9/7
定价模式Free
访问网站