跳至主內容

文字比較（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. 載入範例​

點擊「載入範例」按鈕查看範例程式碼！

隱私保護​

此工具完全在瀏覽器本地運行。您的文字內容不會被發送到任何伺服器。

相關工具​

💬 這個工具對您有幫助嗎？​

歡迎隨時向我們發送您的意見或建議！