跳至正文

文本比较 (Diff)

比较两个文本并可视化查看差异。用于代码审查、跟踪文档更改。

How to Use

  • Enter or paste your original text in the left textarea
  • Enter or paste your modified text in the right textarea
  • View differences highlighted in red (removed) and green (added)
  • Toggle between unified and split view modes
  • Use options to ignore whitespace or case differences

主要功能​

👀 可视化比较​

  • 添加的行: 绿色显示
  • 删除的行: 红色显示
  • 未更改的行: 默认颜色

🔄 两种查看模式​

  • 统一视图: 在一个屏幕上显示所有更改
  • 分割视图: 并排显示原文和修改版

⚙️ 比较选项​

  • 忽略空格
  • 忽略大小写
  • 按行比较

📊 统计​

  • 添加的行数
  • 删除的行数
  • 未更改的行数

什么是 Diff?​

Diff 是显示两个文件或文本之间差异的工具。最初作为 Unix 命令开始,现在是版本控制系统的核心功能。

Diff 算法​

此工具使用 Myers' diff 算法:

  1. 按行比较两个文本
  2. 找出最少的更改
  3. 区分添加、删除、保持

使用案例​

1. 代码审查​

确认 Pull Request 或提交的更改内容

// 之前
function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

// 之后
function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

2. 文档版本比较​

比较文档的两个版本,确认哪些部分已更改

3. 配置文件比较​

确认生产和开发环境的配置文件差异

4. API 响应比较​

比较不同时间点的 API 响应

查看模式​

统一视图 (Unified View)​

  • 传统 diff 格式
  • + 是添加的行
  • - 是删除的行
  • 主要在 Git、GitHub 中使用

分割视图 (Split View)​

  • 并排显示原文和修改版
  • 可以同时看两侧,容易理解
  • 许多 GUI diff 工具中使用

技巧​

1. 忽略空格​

当只有格式更改而没有实际内容更改时很有用。

2. 忽略大小写​

当要忽略大小写差异仅确认实质性内容更改时很有用。

3. 加载示例​

用"加载示例"按钮查看示例代码!

相关工具​

💬 这个工具对您有帮助吗?​

如果您觉得文本比较工具有用,请分享给其他开发者!

隐私保护​

此工具完全在浏览器客户端运行。您输入的所有数据都不会发送到服务器,仅在浏览器中处理。