產生差異後顯示結果
工具說明
關於文字比對工具
Diff Checker 會逐行比較兩段文字，標出新增、刪除與未變動的行。
適合快速比較程式片段、設定、JSON 回應、發布說明或日誌片段，不必開完整 IDE。
如何使用 Diff Checker
- 將原始文字貼到左側，修改後文字貼到右側。
- 按對比產生行級差異結果。
- 想先看效果時可按範例。
- 需要分享到工單、備註或審查意見時複製結果。
常見使用場景
- 後端改動後比較兩份 API 回應，找出欄位差異。
- 複製到環境檔前檢查設定片段差異。
- 快速檢查產生文字、changelog 或文件修改。
- 比較兩段 log，找出行為開始分歧的位置。
如何閱讀行級 Diff
此工具按行比較，適合 JSON、YAML、SQL、Markdown、log 等換行有意義的文字。
- 新增行表示右側有但左側沒有。
- 刪除行表示左側有但右側缺少。
- 未變動行會保留上下文，方便理解差異。
- 很長的單行資料建議先格式化，例如先用 JSON Formatter。
文字 Diff常見問題
- 這是逐行還是逐字比較？
- 逐行比較。壓縮 JSON 或長單行資料先格式化會更好讀。
- 可以比較 JSON 嗎？
- 可以。建議先用相同縮排格式化兩份 JSON。
- 文字會上傳嗎？
- 不會。比較在瀏覽器本機執行，不會上傳到 wetool.site。
- 為什麼整行都顯示變更？
- 因為是行級 diff。即使只改一個字元，也會將整行視為變更。
- 很大的 log 怎麼處理？
- 先裁出相關時間區間。片段越小越容易讀，也減少瀏覽器負擔。
Diff Checker 與程式碼 review 工具
瀏覽器 diff 不能取代 Git review，但很適合臨時比較 API payload、發布說明、設定片段與不在 repo 裡的 log。
空白、換行與 Unicode 差異排查
很多「看起來一樣」的文字 diff 來自 invisible 字元，而不是業務內容真的不同。
- 先確認是否要忽略行尾空白、Tab 與空白、Windows CRLF 與 Unix LF newline 差異。
- 中文、emoji 與帶重音字元可能存在不同 Unicode normalization forms，顯示相同但 bytes 不同。
- 複製自網頁或文件時，注意不換行空白、零寬字元與彎引號。
程式碼審查與設定變更對比邊界
行級 diff 適合快速定位變化，但不能替代語法感知 diff、測試或設定驗證。
- JSON、SQL、Markdown 等結構化文字最好先格式再比較，避免縮排變更淹沒真實差異。
- 對比 secrets、tokens 或正式環境設定前先遮蔽，避免敏感內容留在剪貼簿或螢幕擷圖裡。
- Merge 前仍要跑目標專案的測試；diff 只說明文字變了，不說明行為一定正確。