Сравнение текста

Инструмент сравнивает два текста или фрагмента кода: показывает добавленные, удалённые и изменённые строки, а внутри изменённых строк выделяет отличающиеся слова. Различия можно смотреть построчно или в две колонки и скачать в виде патча. Пригодится, чтобы найти правку в двух версиях стилей или разметки, сверить своё решение с образцом или проверить, что изменилось в конфигурации.

.card {
  padding: 16px;
  color: #333;
  border: 1px solid #ccc;
}

.title {
  font-size: 20px;
}

.card {
  padding: 16px 24px;
  color: #333;
  border-radius: 8px;
}

.title {
  font-size: 20px;
  font-weight: 600;
}

Настройки сравнения

• Не учитывать пробелы по краям строк — изменение отступов не считается различием. Удобно, если код переформатировали или вложили в другой блок. Пробелы внутри строки по-прежнему учитываются.
• Не учитывать регистр — Color и color считаются одинаковыми.
• Переводы строк Windows (CRLF) и Unix (LF) различием не считаются — инструмент лишь сообщает, что они отличаются.

Патч в формате diff

Кнопки копирования и скачивания сохраняют различия в формате unified diff — так их показывают Git и сервисы проверки кода: строки со знаком - удалены, со знаком + добавлены, а заголовки @@ указывают номера строк. Патч строится по точному сравнению, без учёта настроек: в нём остаются и изменения пробелов, и регистра.

@@ -1,3 +1,3 @@
 .card {
-  padding: 16px;
+  padding: 16px 24px;
   color: #333;