เครื่องมือเปรียบเทียบข้อความออนไลน์

เปรียบเทียบความแตกต่างระหว่างข้อความสองชุดออนไลน์ รองรับการเปรียบเทียบทีละบรรทัด การไฮไลต์ระดับอักขระ การคำนวณความคล้ายคลึง และการเปรียบเทียบไฟล์แบบเป็นชุด ช่วยระบุตำแหน่งเนื้อหาที่แก้ไขได้อย่างรวดเร็ว

รายงานข้อบกพร่อง

โหมดรันในเบราว์เซอร์: ข้อมูลของคุณถูกประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์

ความเร็วและเสถียรภาพ: ความเร็วในการประมวลผลขึ้นอยู่กับอุปกรณ์และเบราว์เซอร์ของคุณ สำหรับงานชุดใหญ่ เวอร์ชันเดสก์ท็อปอาจเสถียรกว่า

กำลังโหลดเครื่องมือ โปรดรอ...

หากเครื่องมือออนไลน์โหลดหรือใช้งานไม่ได้ ให้ลองใช้เครื่องมือเดสก์ท็อป https://tools.yikeaigc.com/

การใช้งานเครื่องมือ

กลับไปใช้เวอร์ชันเก่า

ตั้งกฎก่อน จากนั้นป้อนข้อความ แล้วสร้างผลเปรียบเทียบ

เหมาะสำหรับตรวจเอกสาร ตรวจการแก้โค้ด เปรียบเทียบไฟล์คอนฟิก และตรวจความต่างของไฟล์ข้อความจำนวนมาก ข้อความและไฟล์ทั้งหมดประมวลผลในหน้านี้

เทียบทีละบรรทัด ไฮไลต์ระดับอักขระ ไฟล์ ZIP แบบชุด บันทึกการตั้งค่าได้

ภาพรวมผลลัพธ์ รอเปรียบเทียบ

--% ตั้งค่าเสร็จแล้วคลิกเปรียบเทียบเพื่อแสดงความคล้าย

เพิ่ม0

ลบ0

แก้ไข0

กฎการเปรียบเทียบ

แนะนำให้ยืนยันกฎการละเว้น มุมมองผลลัพธ์ และวิธีจับคู่แบบชุดก่อนเริ่ม เพื่อเลี่ยงการเปรียบเทียบซ้ำ

พารามิเตอร์พื้นฐานมีผลต่อการตัดสินและการแสดงความต่าง

ระดับการเปรียบเทียบ

มุมมองเริ่มต้น

แสดงบรรทัดไม่เปลี่ยน

จับคู่ไฟล์แบบชุด

กฎการละเว้นใช้เพื่อลดผลกระทบจากความต่างของรูปแบบ

ไม่สนตัวพิมพ์เล็ก/ใหญ่ ละเว้นช่องว่างหัว/ท้ายบรรทัด ละเว้นอักขระเว้นว่างทั้งหมด ละเว้นบรรทัดว่าง แสดงเลขบรรทัด เปรียบเทียบอัตโนมัติหลังป้อน

เคล็ดลับ: ตั้งค่าพารามิเตอร์ก่อน แล้วไปขั้นถัดไปเพื่อป้อนข้อความหรือเลือกไฟล์

ป้อนเนื้อหา

วางข้อความสองส่วนได้โดยตรง หรือเลือกไฟล์ข้อความในเครื่องเพื่ออ่าน การเปรียบเทียบแบบชุดจะประมวลผลทุกไฟล์ และแสดงผลลัพธ์ 20 รายการแรกเท่านั้น

ข้อความต้นฉบับ เลือกไฟล์

ข้อความที่แก้ไข เลือกไฟล์

เปรียบเทียบไฟล์แบบชุดไม่ต้องอัปโหลดไปเซิร์ฟเวอร์ ดาวน์โหลดผลลัพธ์เป็นแพ็กได้

เปรียบเทียบทีละคู่ตามลำดับที่เลือก เลือกไฟล์ข้อความหลายไฟล์ เช่น 1.txt กับ 2.txt, 3.txt กับ 4.txt เพื่อจับคู่ตามลำดับ จับคู่สองชุดซ้ายขวาตามชื่อไฟล์ เลือกชุดไฟล์ด้านซ้ายก่อน แล้วเลือกชุดไฟล์ด้านขวา ไฟล์ชื่อเดียวกันจะจับคู่อัตโนมัติ หากชื่อซ้ำตอนส่งออกจะเติมตัวเลขให้อัตโนมัติ

เลือกชุดไฟล์ด้านขวา

เคล็ดลับ: คลิก “โหลดตัวอย่าง” เพื่อทดลองใช้ก่อน แล้วค่อยแทนที่ด้วยข้อความของคุณ

ดูและส่งออก

หลังเปรียบเทียบ สามารถสลับมุมมอง ข้ามไปยังความต่าง คัดลอกสรุป หรือส่งออกเป็น JSON, HTML หรือ ZIP แบบชุดได้

ผลลัพธ์ความต่าง ยังไม่ได้สร้างผลลัพธ์การเปรียบเทียบ

ความคล้าย--%

บรรทัดเพิ่ม0

บรรทัดลบ0

บรรทัดแก้ไข0

โปรดเปรียบเทียบข้อความก่อน

' ]; var html = htmlParts.join(''); downloadText('text-compare-result.html', html, 'text/html;charset=utf-8'); } function readFileAsText(file) { return new Promise(function (resolve, reject) { var reader = new FileReader(); reader.onload = function () { resolve(String(reader.result || '')); }; reader.onerror = function () { reject(new Error('读取文件失败：' + file.name)); }; reader.readAsText(file, 'UTF-8'); }); } function formatSize(size) { if (size < 1024) return size + ' B'; if (size < 1048576) return (size / 1024).toFixed(1) + ' KB'; return (size / 1048576).toFixed(2) + ' MB'; } function baseName(filename) { var clean = String(filename || '').split(/[\\/]/).pop(); var dot = clean.lastIndexOf('.'); return dot > 0 ? clean.slice(0, dot) : clean; } function safeFilename(filename) { return String(filename || 'result') .replace(/[\\/:*?"<>|]+/g, '_') .replace(/\s+/g, ' ') .trim() || 'result'; } function uniqueName(name, used) { var safe = safeFilename(name); var dot = safe.lastIndexOf('.'); var stem = dot > 0 ? safe.slice(0, dot) : safe; var ext = dot > 0 ? safe.slice(dot) : ''; var candidate = safe; var index = 1; while (used[candidate]) { candidate = stem + '-' + index + ext; index++; } used[candidate] = true; return candidate; } function updateFileList() { var html = ''; var filesToShow = []; if (state.batchFiles.length) { filesToShow.push({ title: '顺序配对文件', files: state.batchFiles }); } if (state.leftFiles.length) { filesToShow.push({ title: '左侧文件组', files: state.leftFiles }); } if (state.rightFiles.length) { filesToShow.push({ title: '右侧文件组', files: state.rightFiles }); } filesToShow.forEach(function (group) { html += '

' + escapeHtml(group.title) + '：共 ' + group.files.length + ' 个文件

'; group.files.slice(0, 20).forEach(function (file) { html += '

' + escapeHtml(file.name) + '' + formatSize(file.size || 0) + '

'; }); if (group.files.length > 20) { html += '

仅展示前 20 个文件，处理时会包含全部文件。

'; } }); els.fileList.innerHTML = html; } function loadExample() { els.left.value = [ 'function buildMessage(name) {', ' const prefix = "Hello";', ' return prefix + ", " + name;', '}', '', 'const user = "Zhang San";', 'console.log(buildMessage(user));', '', 'timeout=30', 'retry=2' ].join('\n'); els.right.value = [ 'function buildMessage(name, lang) {', ' const prefix = lang === "zh" ? "你好" : "Hello";', ' return prefix + ", " + name + "!";', '}', '', 'const user = "Li Si";', 'console.log(buildMessage(user, "zh"));', '', 'timeout=45', 'retry=3', 'cache=true' ].join('\n'); setStatus(els.inputStatus, '示例已加载，可直接点击开始对比。', 'good'); showToast('已加载示例文本'); scheduleAutoCompare(); } async function handleSingleFile(file, target) { if (!file) return; try { var text = await readFileAsText(file); target.value = text; setStatus(els.inputStatus, '已读取文件：' + file.name, 'good'); scheduleAutoCompare(); } catch (error) { setStatus(els.inputStatus, error.message, 'bad'); } } function buildBatchPairs() { var settings = readSettings(); if (settings.batchMode === 'split') { var rightMap = {}; state.rightFiles.forEach(function (file) { var key = baseName(file.name).toLowerCase(); if (!rightMap[key]) rightMap[key] = []; rightMap[key].push(file); }); var pairs = []; state.leftFiles.forEach(function (leftFile) { var key = baseName(leftFile.name).toLowerCase(); var matchList = rightMap[key] || []; if (matchList.length) { pairs.push({ left: leftFile, right: matchList.shift(), name: leftFile.name }); } }); return pairs; } var files = state.batchFiles; var output = []; for (var i = 0; i + 1 < files.length; i += 2) { output.push({ left: files[i], right: files[i + 1], name: files[i].name }); } return output; } async function runBatchCompare() { state.settings = readSettings(); var pairs = buildBatchPairs(); if (!pairs.length) { setStatus(els.inputStatus, '请先选择批量文件，或检查两组文件名是否能匹配。', 'bad'); return; } try { await ensureZip(); } catch (error) { setStatus(els.inputStatus, error.message, 'bad'); return; } setStatus(els.inputStatus, '正在批量对比 ' + pairs.length + ' 组文件，请稍等...', 'warn'); state.batchResults = []; els.batchResults.innerHTML = ''; var preview = []; for (var i = 0; i < pairs.length; i++) { var pair = pairs[i]; try { var leftText = await readFileAsText(pair.left); var rightText = await readFileAsText(pair.right); var result = compareCore(leftText, rightText, state.settings); var item = { index: i + 1, leftFile: pair.left.name, rightFile: pair.right.name, stats: result.stats, rows: result.rows, settings: state.settings, generatedAt: new Date().toISOString() }; state.batchResults.push(item); if (preview.length < 20) preview.push(item); } catch (error) { state.batchResults.push({ index: i + 1, leftFile: pair.left.name, rightFile: pair.right.name, error: error.message, generatedAt: new Date().toISOString() }); } } renderBatchPreview(preview); els.downloadZip.disabled = false; switchTab('txtdiff-result-step'); setStatus(els.inputStatus, '批量对比完成，共处理 ' + state.batchResults.length + ' 组文件。', 'good'); showToast('批量对比完成'); } function renderBatchPreview(items) { var total = state.batchResults.length; var html = ''; items.forEach(function (item) { if (item.error) { html += '

' + escapeHtml(item.leftFile) + ' vs ' + escapeHtml(item.rightFile) + '失败

' + escapeHtml(item.error) + '

'; return; } var diffCount = item.stats.diffCount || 0; html += '

' + '

' + escapeHtml(item.leftFile) + ' vs ' + escapeHtml(item.rightFile) + '' + (diffCount ? diffCount + ' 处差异' : '无差异') + '

' + '

相似度 ' + item.stats.similarity + '%，新增 ' + item.stats.added + ' 行，删除 ' + item.stats.removed + ' 行，修改 ' + item.stats.modified + ' 行。

' + '

'; }); if (total > 20) { html += '

共生成 ' + total + ' 组批量结果，界面仅展示前 20 组，下载 ZIP 可获取完整结果。

'; } els.batchResults.innerHTML = html; els.resultNote.textContent = '批量对比完成，共处理 ' + total + ' 组文件。'; } async function downloadBatchZip() { if (!state.batchResults.length) { showToast('没有批量结果可下载'); return; } var ZipCtor; try { ZipCtor = await ensureZip(); } catch (error) { showToast(error.message); return; } var zip = new ZipCtor(); var used = {}; var summary = state.batchResults.map(function (item) { return { leftFile: item.leftFile, rightFile: item.rightFile, error: item.error || '', stats: item.stats || null }; }); zip.file('summary.json', JSON.stringify({ generatedAt: new Date().toISOString(), total: state.batchResults.length, settings: state.settings, results: summary }, null, 2)); state.batchResults.forEach(function (item) { var base = item.leftFile || ('comparison-' + item.index + '.json'); var filename = uniqueName(base.replace(/\.[^.]+$/, '') + '.json', used); zip.file(filename, JSON.stringify(item, null, 2)); }); var blob = await zip.generateAsync({ type: 'blob' }); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = 'text-compare-batch-results.zip'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function scheduleAutoCompare() { state.settings = readSettings(); if (!state.settings.autoCompare) return; clearTimeout(state.autoTimer); state.autoTimer = setTimeout(function () { if (els.left.value || els.right.value) runCompare(); }, 650); } function clearAll() { els.left.value = ''; els.right.value = ''; state.batchFiles = []; state.leftFiles = []; state.rightFiles = []; state.rows = []; state.visibleRows = []; state.stats = null; state.batchResults = []; els.fileList.innerHTML = ''; els.batchResults.innerHTML = ''; els.output.innerHTML = '

请先完成文本对比。

'; els.downloadZip.disabled = true; updateStatsUi(); setStatus(els.inputStatus, '内容已清空。', 'good'); } function bindDrop(label, input, onFiles) { ['dragenter', 'dragover'].forEach(function (name) { label.addEventListener(name, function (event) { event.preventDefault(); label.classList.add('dragover'); }); }); ['dragleave', 'drop'].forEach(function (name) { label.addEventListener(name, function (event) { event.preventDefault(); label.classList.remove('dragover'); }); }); label.addEventListener('drop', function (event) { var files = Array.prototype.slice.call(event.dataTransfer.files || []); onFiles(files); updateFileList(); }); input.addEventListener('change', function () { onFiles(Array.prototype.slice.call(input.files || [])); updateFileList(); }); } function bindEvents() { els.tabs.forEach(function (tab) { tab.addEventListener('click', function () { switchTab(tab.getAttribute('data-tab')); }); }); root.addEventListener('click', function (event) { var next = event.target.closest('[data-next-tab]'); var prev = event.target.closest('[data-prev-tab]'); if (next && root.contains(next)) switchTab(next.getAttribute('data-next-tab')); if (prev && root.contains(prev)) switchTab(prev.getAttribute('data-prev-tab')); }); $('#txtdiff-save-settings').addEventListener('click', saveSettings); $('#txtdiff-save-settings-2').addEventListener('click', saveSettings); $('#txtdiff-load-example').addEventListener('click', loadExample); $('#txtdiff-clear-all').addEventListener('click', clearAll); $('#txtdiff-run').addEventListener('click', runCompare); $('#txtdiff-run-batch').addEventListener('click', runBatchCompare); $('#txtdiff-prev').addEventListener('click', function () { jumpDiff(-1); }); $('#txtdiff-next').addEventListener('click', function () { jumpDiff(1); }); $('#txtdiff-copy').addEventListener('click', copySummary); $('#txtdiff-download-json').addEventListener('click', downloadJson); $('#txtdiff-download-html').addEventListener('click', downloadHtml); $('#txtdiff-download-zip').addEventListener('click', downloadBatchZip); els.leftFile.addEventListener('change', function () { handleSingleFile(els.leftFile.files[0], els.left); }); els.rightFile.addEventListener('change', function () { handleSingleFile(els.rightFile.files[0], els.right); }); els.left.addEventListener('input', scheduleAutoCompare); els.right.addEventListener('input', scheduleAutoCompare); [ els.mode, els.view, els.context, els.batchMode, els.ignoreCase, els.ignoreLeading, els.ignoreSpace, els.ignoreEmpty, els.showLineNo, els.autoCompare ].forEach(function (control) { control.addEventListener('change', function () { state.settings = readSettings(); state.view = state.settings.view; if (state.rows.length) renderResult(); }); }); $$('.txtdiff-view-switch button').forEach(function (btn) { btn.addEventListener('click', function () { state.view = btn.getAttribute('data-view'); els.view.value = state.view; renderResult(); }); }); bindDrop($('#txtdiff-batch-drop'), els.batchFiles, function (files) { state.batchFiles = files; els.batchMode.value = 'pair'; }); bindDrop($('#txtdiff-group-drop'), els.leftFiles, function (files) { state.leftFiles = files; els.batchMode.value = 'split'; }); els.rightFiles.addEventListener('change', function () { state.rightFiles = Array.prototype.slice.call(els.rightFiles.files || []); els.batchMode.value = 'split'; updateFileList(); }); document.addEventListener('keydown', function (event) { if (!root.offsetParent) return; if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') { event.preventDefault(); runCompare(); } if (event.key === 'F7') { event.preventDefault(); jumpDiff(-1); } if (event.key === 'F8') { event.preventDefault(); jumpDiff(1); } }); } loadSavedSettings(); bindEvents(); updateStatsUi(); })();

คำแนะนำ

คำแนะนำการใช้งานซอฟต์แวร์

ตั้งค่ากฎการเปรียบเทียบ: เลือกระดับการเปรียบเทียบ มุมมองเริ่มต้น วิธีแสดงบรรทัดที่ไม่เปลี่ยนแปลง และวิธีจับคู่ไฟล์แบบกลุ่มก่อน จากนั้นเลือกตัวเลือกตามต้องการ เช่น ไม่สนใจตัวพิมพ์เล็ก/ใหญ่ ไม่สนใจอักขระว่าง และไม่สนใจบรรทัดว่าง
ป้อนหรืออ่านข้อความ: วางเนื้อหาในพื้นที่ “ข้อความต้นฉบับ” และ “ข้อความที่แก้ไข” หรือเลือกไฟล์ในเครื่อง เช่น ข้อความ โค้ด JSON XML CSV เพื่ออ่านเนื้อหาแยกกันได้
โหลดตัวอย่าง: หากใช้งานครั้งแรก สามารถคลิก “โหลดตัวอย่าง” เพื่อดูผลการแสดงความแตกต่างรายบรรทัด เนื้อหาที่แก้ไข และเนื้อหาที่เพิ่มใหม่
เริ่มเปรียบเทียบ: คลิก “เริ่มเปรียบเทียบ” เพื่อสร้างผลลัพธ์ เครื่องมือจะแสดงสถิติความคล้ายคลึง บรรทัดที่เพิ่ม บรรทัดที่ลบ บรรทัดที่แก้ไข และบรรทัดที่เหมือนกัน
ดูความแตกต่าง: สามารถสลับระหว่างมุมมองซ้ายขวาแบบเคียงกัน มุมมองรวม และมุมมองสถิติ พร้อมใช้ “ความแตกต่างก่อนหน้า” และ “ความแตกต่างถัดไป” เพื่อค้นหาตำแหน่งที่แก้ไขอย่างรวดเร็ว
ส่งออกผลลัพธ์: สามารถคัดลอกสรุปความแตกต่าง หรือดาวน์โหลดไฟล์ผลลัพธ์ JSON หรือ HTML เพื่อจัดเก็บและแชร์ได้
เปรียบเทียบแบบกลุ่ม: เลือกหลายไฟล์เพื่อเปรียบเทียบเป็นคู่ตามลำดับ หรือเลือกไฟล์สองชุดซ้ายและขวาเพื่อจับคู่ตามชื่อไฟล์ หลังประมวลผลเสร็จสามารถดาวน์โหลดแพ็กเกจผลลัพธ์ ZIP ได้
บันทึกการตั้งค่า: เมื่อตั้งค่าพารามิเตอร์ที่ใช้บ่อยเสร็จแล้ว ให้คลิก “บันทึกการตั้งค่า” เพื่อใช้งานกฎปัจจุบันต่อได้เมื่อเปิดครั้งถัดไป

คำถามที่พบบ่อย

ตอบ: สีเขียวหมายถึงเนื้อหาที่เพิ่มใหม่ สีแดงหมายถึงเนื้อหาที่ลบ สีเหลืองหมายถึงเนื้อหาเดิมที่ถูกแก้ไข ส่วนเนื้อหาที่ไม่เปลี่ยนแปลงจะแสดงพื้นหลังปกติ

ตอบ: ความคล้ายคลึงคำนวณจากระยะทางการแก้ไขข้อความร่วมกับความแตกต่างระดับบรรทัด ยิ่งค่ามากแสดงว่าเนื้อหาทั้งสองยิ่งใกล้เคียงกัน เมื่อเปิดใช้กฎการไม่สนใจ ระบบจะคำนวณใหม่ตามเนื้อหาที่ผ่านการประมวลผลแล้ว

ตอบ: รองรับไฟล์ข้อความและโค้ดทั่วไป เช่น TXT, MD, JS, CSS, HTML, PHP, Python, Java, C/C++, JSON, XML, CSV, LOG, INI, YAML

ตอบ: สามารถเลือก “เปรียบเทียบเป็นคู่ตามลำดับที่เลือก” เช่น จับคู่ไฟล์ที่ 1 กับไฟล์ที่ 2 หรือเลือกไฟล์สองชุดซ้ายและขวาเพื่อจับคู่อัตโนมัติตามชื่อไฟล์ที่เหมือนกัน

ตอบ: ไม่ เนื้อหาจะถูกอ่าน คำนวณความแตกต่าง และแพ็กผลลัพธ์ทั้งหมดบนหน้าปัจจุบัน โดยเนื้อหาไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์

ตอบ: สำหรับข้อความขนาดใหญ่ แนะนำให้ปิดการเปรียบเทียบอัตโนมัติ ตั้งค่ากฎการละเว้นก่อน แล้วจึงคลิก “เริ่มเปรียบเทียบ” ด้วยตนเอง เมื่อมีไฟล์จำนวนมากในชุดเดียว อินเทอร์เฟซจะแสดงเฉพาะสรุป 20 รายการแรกเท่านั้น สามารถดาวน์โหลด ZIP เพื่อดูผลลัพธ์ทั้งหมดได้