📊 文本差异对比📊 Text Diff Compare

逐行对比文本差异，支持统一视图和并排视图切换Compare text differences line by line with unified and side-by-side views

➕ 新增Added: 0

➖ 删除Removed: 0

🔄 修改Changed: 0

原文Original

修改后Modified

差异结果Diff Result

📝

输入文本并点击"对比差异"查看结果Enter text and click "Compare" to see results

什么是文本差异对比工具？

文本差异对比工具（Text Diff Tool）是一款用于比较两段文本差异的在线工具。它以可视化的方式高亮显示两份文本之间的新增、删除和修改部分，帮助开发者快速定位变更内容。在代码审查（Code Review）、文档版本对比、配置差异排查等场景中，Diff 工具是不可或缺的。本工具基于经典的 Myers Diff 算法（或 LCS 最长公共子序列算法），逐行对比两段文本的差异，支持行级和词级两种对比粒度。新增内容标记为绿色背景，删除内容标记为红色背景，修改内容同时显示新旧版本，让差异一目了然。

如何使用文本差异对比工具

步骤一：输入两段文本 — 在左侧输入原始文本（旧版本），在右侧输入修改后的文本（新版本）。也可以上传两个文件进行对比。
步骤二：选择对比模式 — 选择行级对比（逐行比较，适合代码和配置文件）或词级对比（逐词比较，适合自然语言文本）。
步骤三：查看差异结果 — 差异以并排（side-by-side）或统一（unified）格式显示。绿色表示新增，红色表示删除，黄色表示修改。可以逐行跳转到下一个差异点。

常见使用场景

场景一：代码审查中的变更检查

在 Code Review 过程中，使用 Diff 工具对比修改前后的代码文件，快速了解同事做了哪些改动。特别适用于无法使用 Git 的场景（如对比线上版本和本地修改版本）。

场景二：配置文件差异排查

生产环境和开发环境的配置文件不一致导致 Bug 时，使用 Diff 工具快速找出差异项。逐行对比可以发现遗漏的配置项、错误的值或格式差异。

场景三：文档版本对比

对比合同、协议、技术文档的不同版本，快速定位修改内容。法务审核和合规检查中，这种对比能确保没有未经授权的条款变更。

技术原理

Diff 算法的核心是寻找两个序列的最长公共子序列（LCS）。Myers Diff 算法（由 Eugene Myers 于 1986 年提出）是 Git 使用的标准算法，时间复杂度 O(ND)，其中 N 为两序列长度之和，D 为编辑距离。算法输出最小编辑脚本（最少的插入和删除操作），将差异可视化为" hunks"（差异块）。

// 简化的行级 Diff 实现（LCS 方法）
function diff(oldText, newText) {
  const oldLines = oldText.split('\n');
  const newLines = newText.split('\n');
  // 使用动态规划求 LCS
  const dp = Array(oldLines.length + 1).fill(null)
    .map(() => Array(newLines.length + 1).fill(0));
  for (let i = 1; i <= oldLines.length; i++) {
    for (let j = 1; j <= newLines.length; j++) {
      if (oldLines[i-1] === newLines[j-1]) {
        dp[i][j] = dp[i-1][j-1] + 1;
      } else {
        dp[i][j] = Math.max(dp[i-1][j], dp[i][j-1]);
      }
    }
  }
  // 回溯生成 diff 结果...
}