Просмотр различий текста
Сравнение двух текстов или файлов построчно: добавленные, удалённые и изменённые строки рядом или в виде unified diff с подсветкой изменённых слов.
Введённые данные и файлы остаются в браузере
Вставьте исходный текст или откройте файл.
Вставьте изменённый текст или откройте файл.
Заполните обе стороны и нажмите «Сравнить» — различия появятся здесь.
На этой странице
Вставьте две версии конфига, фрагмента кода или документа и увидите, какие именно строки добавлены, удалены или изменены — в режиме «рядом» или построчно (unified), как в Git diff.
Подробное описание функциональности
Сравнение идёт по строкам: jsdiff строит unified-патч, а diff2html отображает его с номерами строк, до 4 неизменённых строк контекста вокруг каждого изменения и подсветкой изменённых слов внутри строк. Показываются только изменённые участки (hunks), а не весь текст. Пробелы и регистр букв значимы: изменённый отступ или пробел в конце строки — это изменение.
Каждую сторону можно набрать, вставить или загрузить из локального текстового файла (читается как UTF-8). Концы строк нормализуются, поэтому файл Windows (CRLF) и файл Unix (LF) с одинаковыми строками считаются идентичными. Если обе стороны загружены из файлов, сравнение запускается автоматически; для одинаковых текстов выводится сообщение, что различий нет.
Diff вычисляется в браузере, файлы читаются локально — ничего не загружается на сервер. Чтобы страница не зависала, для сильно различающихся текстов есть предел: если различаются более 1000 строк, вместо diff показывается сообщение.
Практические примеры
Изменение конфига: строки host=localhost, port=8080, debug=true против host=0.0.0.0, port=8080, debug=false — строки host и debug отмечены как удалённые и добавленные с подсветкой изменённых слов, а port=8080 остаётся неизменённым контекстом.
Одна строка в длинном файле: в тексте из 20 строк, где изменилась только 11-я, diff показывает один фрагмент @@ -7,9 +7,9 @@ — изменение и по 4 строки контекста с каждой стороны.
Сравнение двух файлов: выберите старую и новую версию кнопками выбора файла — diff появится, как только загрузятся оба.
Проверка копии: при сравнении двух одинаковых текстов выводится сообщение, что различий нет.
Как использовать этот инструмент
Добавьте исходный текст
Вставьте текст в Исходный текст или нажмите Выбрать исходный файл.
Добавьте изменённую версию
Вставьте текст в Измененный текст или нажмите Выбрать изменённый файл.
Сравните
Нажмите Сравнить. Если обе стороны загружены из файлов, diff появится автоматически.
Переключите вид
В Режим просмотра выберите Рядом или Единый; Очистить сбрасывает оба поля.
Советы и лучшие практики
- Режим Рядом удобнее на широком экране, Единый — на телефоне.
- Сравнивать можно только обычный текст; изображения, PDF и документы Word не поддерживаются.
- Если различаются более 1000 строк, сравнивайте файлы по частям.
- JSON или минифицированный код сначала отформатируйте (по одному элементу на строку) — одна длинная строка даёт одну изменённую строку.
- После первого открытия страница работает и без сети.