Outil de comparaison de texte en ligne

Comparez en ligne les différences entre deux textes, avec comparaison ligne par ligne, surlignage au niveau des caractères, calcul de similarité et comparaison de fichiers par lot pour repérer rapidement les modifications.

Signaler un bug

Mode d’exécution du navigateur: Vos données sont traitées dans votre navigateur et ne sont pas envoyées au serveur.

Vitesse et stabilité: La vitesse de traitement dépend de votre appareil et de votre navigateur. Pour les gros lots, la version de bureau peut être plus stable.

Chargement de l’outil, veuillez patienter...

Si l’outil en ligne ne se charge pas ou ne fonctionne pas, essayez l’outil de bureau. https://tools.yikeaigc.com/

Utilisation de l’outil

Retour à l’ancienne version

Définissez les règles, saisissez le texte, puis générez la comparaison

Idéal pour relire des documents, vérifier des modifications de code, comparer des fichiers de config et contrôler par lots les différences entre fichiers texte. Tous les textes et fichiers sont traités sur cette page.

Comparaison ligne par ligne Surbrillance par caractère ZIP de fichiers par lot Paramètres enregistrables

Aperçu des résultats En attente de comparaison

--% La similarité s’affiche après configuration et clic sur Comparer

Ajouté0

Supprimer0

Modifié0

Règles de comparaison

Vérifiez d’abord les règles d’exclusion, la vue de sortie et le mode de correspondance par lot pour éviter de répéter la comparaison.

基础参数Affecte la détection et l’affichage des différences

Granularité

Vue par défaut

Lignes inchangées

Correspondance de fichiers par lot

Règles d’ignorancePour réduire l’impact des écarts de format

Ignorer la casse Ignorer les espaces en début/fin de ligne Ignorer tous les espaces Ignorer les lignes vides Afficher les numéros de ligne Comparer automatiquement à la saisie

Astuce : réglez d’abord les paramètres, puis passez à l’étape suivante pour saisir du texte ou choisir des fichiers.

Contenu saisi

Collez directement deux textes ou choisissez des fichiers texte locaux. La comparaison par lot traite tous les fichiers, mais n’affiche que les 20 premiers résultats.

Texte original Choisir un fichier

Modifier le texte Choisir un fichier

Comparaison de fichiers par lotAucun envoi au serveur, résultats téléchargeables en archive

Comparer par paires dans l’ordre choisi Sélectionnez plusieurs fichiers texte, p. ex. 1.txt et 2.txt, 3.txt et 4.txt appairés dans l’ordre. Associer les deux groupes par nom de fichier Choisissez d’abord le groupe de fichiers gauche, puis le droit ; les fichiers de même nom sont appairés automatiquement, et un numéro est ajouté aux exports en doublon.

Choisir le groupe de fichiers droit

Astuce : cliquez sur « Charger l’exemple » pour essayer, puis remplacez par votre texte.

Afficher et exporter

Après comparaison, changez de vue, parcourez les différences, copiez le résumé ou exportez en JSON, HTML ou ZIP par lot.

Résultat de comparaison Aucun résultat de comparaison généré.

Similarité--%

Ligne ajoutée0

Supprimer la ligne0

Ligne modifiée0

Veuillez d’abord terminer la comparaison.

' ]; 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(); })();

Instructions

Mode d’emploi du logiciel

Définir les règles de comparaison : sélectionnez d’abord la granularité de comparaison, la vue par défaut, le mode d’affichage des lignes inchangées et la méthode de correspondance des fichiers par lot, puis cochez selon vos besoins les options Ignorer la casse, Ignorer les espaces, Ignorer les lignes vides, etc.
Saisir ou charger du texte : collez le contenu dans les zones « Texte original » et « Texte modifié », ou sélectionnez séparément des fichiers locaux de type texte, code, JSON, XML, CSV, etc. pour en lire le contenu.
Charger un exemple : lors de la première utilisation, cliquez sur « Charger un exemple » pour voir l’affichage des différences ligne par ligne, du contenu modifié et du contenu ajouté.
Lancer la comparaison : cliquez sur « Lancer la comparaison » pour générer les résultats ; l’outil affichera la similarité, ainsi que les statistiques des lignes ajoutées, supprimées, modifiées et identiques.
Consulter les différences : vous pouvez basculer entre la vue côte à côte, la vue unifiée et la vue statistique, et utiliser « Différence précédente » et « Différence suivante » pour localiser rapidement les modifications.
Exporter les résultats : vous pouvez copier le résumé des différences ou télécharger les fichiers de résultats JSON ou HTML afin de les archiver et de les partager.
Comparaison par lot : sélectionnez plusieurs fichiers pour les comparer deux par deux dans l’ordre, ou sélectionnez deux groupes de fichiers à gauche et à droite pour les associer par nom de fichier ; une fois le traitement terminé, vous pouvez télécharger le package de résultats ZIP.
Enregistrer les paramètres : après avoir configuré les paramètres courants, cliquez sur « Enregistrer les paramètres » afin de pouvoir réutiliser les règles actuelles lors de la prochaine ouverture.

Questions fréquentes

R : Le vert indique le contenu ajouté, le rouge le contenu supprimé et le jaune le contenu d’origine modifié ; le contenu inchangé conserve un arrière-plan normal.

R : La similarité est calculée en combinant la distance d’édition du texte et les différences au niveau des lignes ; plus la valeur est élevée, plus les deux contenus sont proches. Après activation des règles d’ignorance, elle est recalculée sur le contenu traité.

R : Les fichiers texte et code courants sont pris en charge, notamment TXT, MD, JS, CSS, HTML, PHP, Python, Java, C/C++, JSON, XML, CSV, LOG, INI, YAML, etc.

R : Vous pouvez choisir « Comparer deux par deux dans l’ordre de sélection », par exemple associer le 1er et le 2e fichier ; vous pouvez également sélectionner deux groupes de fichiers à gauche et à droite, puis les associer automatiquement selon le même nom de fichier.

R : Non. La lecture du texte, le calcul des différences et la création du résultat sont effectués dans la page actuelle ; le contenu des fichiers n’est pas envoyé au serveur.

R : Pour les textes volumineux, il est recommandé de désactiver la comparaison automatique, de définir d’abord les règles d’exclusion, puis de cliquer manuellement sur « Commencer la comparaison ». Lorsqu’il y a de nombreux fichiers en lot, l’interface n’affiche que les 20 premiers résumés ; téléchargez le ZIP pour consulter les résultats complets.