开始使用文本差异对比工具

文本差异对比工具提供了一个直观的界面来比较两个文本文件或文本内容。本指南将引导您完成基本使用步骤。

分步指南

1. 访问工具

从主页面导航到文本差异对比工具，或使用直接链接：/text-diff

2. 输入您的内容

方法一：手动文本输入

1. 在文件 A部分，输入或粘贴您的第一个文本内容
2. 在文件 B部分，输入或粘贴您的第二个文本内容
3. 可选地，在输入字段中自定义文件名

方法二：文件上传

1. 点击文件 A 旁边的加载文件按钮
2. 从您的设备中选择一个文本文件
3. 如果需要，为文件 B 重复此操作
4. 文件内容将自动加载

3. 配置差异选项

选择您的比较首选项：

• 忽略空白字符：勾选此项以忽略空白字符（空格、制表符、行尾）的差异
• 忽略大小写：勾选此项以执行不区分大小写的比较

4. 查看结果

差异结果将自动出现在右侧面板中，显示：

• 差异输出：带行号和更改指示符的格式化比较
• 统计信息：更改摘要（新增、删除、修改、未变更行数）

5. 复制结果

点击复制按钮将差异结果复制到剪贴板，以便分享或记录。

理解输出

差异格式

差异输出使用标准格式：

+ 1   1 | 新增行内容
- 2     | 删除行内容
  3   2 | 未变更行内容

其中：

• + 表示新增行
• - 表示删除行
• （空格）表示未变更行
• 数字显示每个文件中的行号

统计面板

统计信息显示：

• 新增：文件 B 中的新行数
• 删除：从文件 A 中删除的行数
• 修改：更改的行数
• 未变更：保持相同的行数

快速操作

加载示例

点击加载示例查看带有预填充内容的示例比较。

清空所有

点击清空所有重置所有输入字段和结果。

文件管理

• 使用文件名输入来标记您的比较
• 使用加载文件按钮上传文件
• 支持的格式：.txt、.md、.js、.ts、.vue、.html、.css、.json、.xml、.yaml、.yml

获得更好结果的技巧

1. 使用描述性文件名

为您的文件提供有意义的名称，使比较更容易跟踪。

2. 选择适当的选项

• 在比较可能有格式差异的代码时使用忽略空白字符
• 当大小写敏感性对您的比较不重要时使用忽略大小写

3. 组织您的内容

• 确保您的文本格式正确
• 使用一致的行尾
• 考虑比较的上下文

常见使用场景

代码比较

// 文件 A: original.js
function greet(name) {
  return 'Hello, ' + name;
}

// 文件 B: modified.js
function greet(name) {
  return 'Hello, ' + name + '!';
}

配置文件

// 文件 A: config.json
{
    "debug": false,
    "port": 3000
}

// 文件 B: config.json
{
    "debug": true,
    "port": 3000,
    "database": "mongodb://localhost:27017"
}

文档

# 文件 A: README.md

# 我的项目

一个简单的项目

# 文件 B: README.md

# 我的项目

一个具有高级功能的简单项目

故障排除

没有显示差异

• 确保两个文件都有内容
• 检查您的选项是否隐藏了差异（例如，忽略空白字符）
• 验证内容实际上是否不同

文件上传问题

• 检查文件格式是否受支持
• 确保文件未损坏
• 如果上传失败，尝试较小的文件

大文件性能

• 该工具最适合处理 10,000 行以下的文件
• 对于非常大的文件，考虑将它们分成较小的部分

下一步

现在您了解了基础知识，探索高级功能来了解文本差异对比工具的更强大功能。