程式碼與文字比對
文字與程式碼 Diff 比對
快速比對兩段文字或原始碼的增刪改差異。100% 瀏覽器本機執行,絕不上傳雲端,保護機密資安。
純本機 LCS 演算法比對,零伺服器資料傳輸
100% 瀏覽器本機運算 · 零伺服器上傳
文字與程式碼 Diff 比對
快速範例:
新增 +8 行,刪除 -8 行,未變更 1 行
1
function fetchUserData(userId) {2
const url = "/api/user/" + userId;
3
return fetch(url)
4
.then(res => res.json())
5
.then(data => {6
console.log("Loaded", data);7
return data;
8
});
9
}
1
async function fetchUserData(userId: string): Promise<UserData> {2
const url = `/api/v2/users/${encodeURIComponent(userId)}`;3
const res = await fetch(url, { cache: "no-store" });4
if (!res.ok) {5
throw new Error(`Failed to load user: ${res.status}`);6
}
7
const data = await res.json();
8
return data;
9
}
處理規則
基於最長公共子序列 (LCS) 的純前端比對引擎
許多線上比對工具會將文字傳送到後端伺服器,若涉及 API 金鑰、資料庫連線字串或合約文字,極易造成資安洩漏。
開發者案頭 Diff 工具採用純前端 LCS 演算法,直接在瀏覽器記憶體中完成差異比對與行級著色,即使離線斷網亦能運作。
基於動態規劃的 LCS 最長公共子序列演算法,離線辨識新增、刪除與未變更行。
常見問題
文字與程式碼 Diff 比對 · 常見問題
比對的程式碼或文字會被上傳至伺服器嗎?
絕對不會。全部比對運算 100% 於瀏覽器本機記憶體完成,無任何網路請求,可隨時斷網驗證。
支援雙欄左右對照嗎?
支援。可隨時一鍵切換「左右分欄 (Split)」與「統一視圖 (Unified)」。
如何匯出比對結果?
點選「複製 Patch 補丁」按鈕即可一鍵複製標準統一補丁格式至剪貼簿。