文字 diff(行對比)
左右貼兩段文字,LCS 演算法逐行 diff,**新增 / 移除 / 變更** 分色顯示。可選忽略 **空白** 或 **大小寫**,可輸出 **unified diff** 格式(git / patch 通用)。
新增 1移除 0變更 1不變 3
L左(原始)R右(更新)
1apple1apple
2~banana2blueberry
3cherry3cherry
4date4date
+5elderberry
›如何使用
- 把舊版貼到 左欄、新版貼到 右欄(空字串視為 0 行)。
- 下方並排表格即時更新:+ 綠 新增、− 紅 移除、~ 琥珀 變更(相鄰刪除 + 新增會合併)、灰 = 不變。每行附對應行號(L / R)。
- (可選)勾 忽略空白 把多空格折成一個、忽略大小寫 比對。常用於格式化後檢查實質變化。
- 複製 unified diff 輸出 git / patch 通用格式,可貼進 PR description / Linear / Slack。
Tips
- LCS(最長共同子序列) 是 git diff 的底層演算法,O(n×m) 時間複雜度;1000 行 vs 1000 行差不多 10ms 內完成。
- replace = delete + insert 配對合併 — 相鄰的刪除 + 新增視作同一行被改了。視覺上更直覺。
- 忽略空白 對檢查程式碼縮排重排很有用(prettier 處理過後內容相同)。
- 對標 diffchecker.com:他們要 paywall 才能用 ignore options,我們完全免費 + 不上傳。
💡 整個 diff 在瀏覽器內跑(WASM 速度,LCS 純 JS 寫法已夠快)。不上傳,合約 / 機密文件比對適用。