在一个反应迅速、VS Code 风格的差异编辑器里对比两段代码或文本,整个过程都在你的浏览器里完成。哪些行被新增、被删除、被改动,一眼就能看清,还配有完整的语法高亮、能识别顺序的差异引擎,以及一键导出。
Features
- VS Code 级别的差异对比:由 Monaco 编辑器驱动,行内高亮改动,两侧滚动同步。
- 并排视图与行内视图:点一下就能切换布局。
- 10 个内置示例:一键加载跨语言的对比内容,并自动设置好对应的语法。
- 90 多种语言,可搜索:直接输入就能找到 Monaco 支持的任意语言(JavaScript、TypeScript、Python、Go、Rust、C#、SQL、YAML、Markdown 等等)。这份列表由 Monaco 自身生成,永远保持完整。
- 两侧均可编辑:任意一侧粘贴或修改,差异结果都会实时刷新。
- 统计准确:给出真实的新增 / 删除 / 未变行数,以及相似度百分比,全部由标准的最长公共子序列算法计算得出(能识别顺序)。
- 忽略空白 / 大小写:一键开启,把注意力集中在有意义的改动上(空白处理是逐行进行的,绝不会把整份文件压成一行)。
- 文件上传:把文件加载到任意一侧(单个最大 2 MB)。
- 差异跳转:用 Prev/Next 按钮或
F7/F8在各处改动间跳转,还带一个实时的改动计数。 - 导出:复制统一格式的差异、下载
.patch文件,或者生成一个把对比内容编码进链接里的 URL。 - 浅色与深色:自动跟随你的主题。
How to use
- 加载内容:从 10 个现成示例里挑一个(JavaScript、Python、TypeScript、JSON、HTML、CSS、SQL、Java、Go、YAML,每个都会自动切换语言),或者直接把内容粘进两侧面板,也可以上传文件(Left / Right)。
- 选择语言:在语言输入框里开始打字,从可搜索的列表中选中即可。
- 对比:边编辑边看,差异和统计会自动更新。
- 跳转:用 Prev/Next 或
F7/F8逐处走查改动。 - 分享或导出:用 Copy 复制统一格式差异,下载 .patch,或用 Share 生成链接。
Keyboard shortcuts
F8:下一处差异F7:上一处差异
Privacy
所有处理都在你的浏览器本地完成,没有任何内容会上传到服务器。使用 Share 时,对比内容只被编码进 URL 的哈希片段(hash fragment)里。
Use cases
- 代码审查与 Pull Request 对比
- 重构前后的改动分析
- 配置 / JSON / YAML 对比
- 日志与调试输出对比
- 版本对比与合并冲突处理
FAQ
支持哪些语言? Monaco 编辑器自带的每一种语言,共 90 多种,都通过可搜索的选择器呈现。
我的代码会被发送到哪里吗? 不会。差异对比完全在客户端运行;分享链接把数据放在 URL 片段里,而浏览器从不会把这部分发送给服务器。
相似度是怎么算出来的? 基于行级别的最长公共子序列:unchanged / (added + removed + unchanged),以百分比表示。