跳转到主内容

文本对比（Diff）

比较两个文本并直观显示差异。适用于代码审查、文档变更追踪。

如何使用

  • 在左侧文本区域输入或粘贴原始文本
  • 在右侧文本区域输入或粘贴修改后的文本
  • 查看以红色（删除）和绿色（添加）突出显示的差异
  • 在统一视图和分割视图模式之间切换
  • 使用选项忽略空格或大小写差异

主要功能​

👀 可视化比较​

  • 新增行：绿色显示
  • 删除行：红色显示
  • 未更改行：默认颜色

🔄 两种查看模式​

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

⚙️ 比较选项​

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

📊 统计信息​

  • 新增行数
  • 删除行数
  • 未更改行数

什么是 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. 加载示例​

点击"加载示例"按钮查看示例代码！

相关工具​

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

欢迎随时向我们发送您的反馈或建议！

隐私保护​

所有文本比较都在您的浏览器本地完成，不会上传到任何服务器。