代码差异可视化

代码差异高亮对比,支持语法高亮显示。

原始代码

修改后代码

使用说明

本工具用于对比两段代码的差异,基于最长公共子序列(LCS)算法实现行级差异高亮显示。

功能特性

  • 双栏并排输入原始代码和修改后代码
  • 差异行高亮显示:绿色表示新增,红色表示删除
  • 显示新旧代码的行号对照
  • 统计新增、删除和变更行数
  • 使用 @@ 标记分组差异区块

操作步骤

  1. 在左侧"原始代码"框粘贴旧版本代码
  2. 在右侧"修改后代码"框粘贴新版本代码
  3. 点击"示例"按钮可加载示例代码进行体验
  4. 差异结果实时显示在下方对比区域
  5. 查看统计卡片了解整体变更规模

注意事项

  • 差异计算为行级别,不支持字符级差异
  • 大文件对比可能耗时,建议控制在 1000 行以内
  • 空白字符差异会被视为不同行
  • 所有计算在浏览器本地完成,代码不会上传服务器