Як порівняти два текстові файли: практичний посібник для розробників

Дізнайтеся, як порівнювати два текстові файли, використовуючи потужні інструменти командного рядка, візуальні текстові редактори та зручні браузерні перевірники відмінностей. Опануйте свій робочий процес.

Як порівняти два текстові файли: практичний посібник для розробників

Порівняння двох текстових файлів може здаватися базовим, але це навичка, на яку розробники покладаються щодня. Чи ви працюєте в командному рядку з інструментом на кшталт diff, використовуєте візуальний редактор, як-от VS Code, або просто потребуєте швидкої перевірки в браузерному утиліті, оволодіння цим може врятувати вас від безлічі головного болю. Це спосіб виявлення несанкціонованих змін у коді, пошуку помилок у конфігурації та впевненості, що ваші дані є саме такими, якими ви їх уявляєте.

Чому варто оволодіти порівнянням файлів?

Давайте будемо відверті — "дифінг" файлів є постійною частиною життя розробника. Це основа контролю версій, перший крок у налагодженні загадкової проблеми та остання перевірка перед внесенням критичного оновлення конфігурації. Це не просто нішеве завдання, а фундаментальна частина підтримки якості коду та надійності програмного забезпечення.

Подумайте про це. Від відстеження одного неправильно розташованого коми в величезному JSON-файлі до перегляду складної гілки функцій вашого товариша по команді, хороше порівняння файлів надає вам чітку, покрокову історію того, що змінилося. Воно перетворює абстрактну ідею "кількох коригувань" на конкретні докази кожного додавання, видалення та модифікації. У командному середовищі, де кілька людей працюють з одним і тим же кодом, ця ясність є всім.

Методи порівняння файлів на перший погляд

Перед тим, як зануритися в деталі, ця таблиця дає вам швидкий огляд. Правильний інструмент дійсно залежить від конкретного завдання.

Метод Найкраще підходить для Типовий користувач Ключова перевага
Командний рядок (CLI) Скриптування, автоматизація, CI/CD пайплайни, швидкі перевірки Системні адміністратори, бекенд-розробники Швидкість і можливість скриптування
Редактор коду Глибокі огляди коду, щоденні завдання розробки Будь-який розробник, що використовує IDE/редактор Безшовна інтеграція робочого процесу
Браузерний інструмент Швидкі одноразові порівняння, нетехнічні користувачі Будь-хто, кому потрібно швидке, без установки порівняння Доступність і простота використання

Кожен з цих підходів має своє місце, і знання, який з них обрати, є половиною справи.

Вибір правильного інструмента для завдання

Попит на ці інструменти не є дрібницею. Глобальний ринок програмного забезпечення для порівняння файлів вже оцінювався в межах 1,2 мільярда до 1,72 мільярда доларів у 2024 році. З впровадженням практик DevOps ця цифра, як очікується, зросте до понад 5,6 мільярда доларів до 2033 року. Очевидно, що це критична частина сучасної розробки.

Якщо ви не знаєте, з чого почати, це маленьке дерево рішень може вказати вам правильний напрямок.

Схема для вибору інструмента порівняння, що направляє користувачів до браузера, CLI або редактора в залежності від потреб.

Як ви можете бачити, вибір часто зводиться до компромісу між швидкістю, автоматизацією та глибокою інтеграцією. Ми розглянемо три основні способи вирішення цього:

  • Утиліти командного рядка: Це потужні інструменти. Думайте про diff та fc. Вони створені для автоматизації і є необхідними для скриптування та CI/CD пайплайнів, хоча спочатку можуть здаватися трохи криптичними.
  • Візуальні текстові редактори: Це все про зручність. Інструменти, як-от VS Code, пропонують інтуїтивні, паралельні порівняння прямо в середовищі, де ви вже працюєте. Це ідеально для безшовного досвіду.
  • Браузерні інструменти: Маєте два фрагменти тексту, які потрібно порівняти прямо зараз? Це ваш вибір. Вони не потребують установки і чудово підходять для швидких, одноразових завдань. Для більш детального аналізу інструмент, як Docuwriter's dedicated compare tool, надає потужне, веб-орієнтоване рішення.

Вибір правильного підходу є величезною частиною того, що робить інструменти продуктивності розробників ефективними. Все зводиться до того, щоб працювати розумніше, а не просто генерувати більше коду.

Оволодіння порівнянням файлів у командному рядку

Коли вам потрібна чиста швидкість, потужність і автоматизація, нічого не зрівняється з командним рядком для порівняння файлів. Він проникає через шум графічного інтерфейсу, надаючи вам прямий, скриптований спосіб побачити, що саме змінилося. Це основний метод для розробників, системних адміністраторів та всіх, хто вбудовує автоматизовані перевірки в свої CI/CD пайплайни.

Командний рядок — це не просто старомодний інструмент; це про чисту ефективність. Сучасні утиліти для порівняння файлів можуть сканувати та визначати відмінності за секунди, завдання, яке зайняло б години, якби робити це вручну. Цей стрибок у можливостях є величезною перевагою для виявлення помилок і впевненості, що ваш код або конфігурації є правильними. Ви можете дізнатися більше про вплив цих інструментів у сучасних робочих процесах на GlobalVision.

Класична команда diff на Linux і macOS

На будь-якій системі на базі Unix, до якої входять Linux і macOS, беззаперечним королем порівняння файлів є команда diff. На перший погляд, її вихід може здаватися трохи криптичним, але як тільки ви звикнете до цього, ви зрозумієте, наскільки вона потужна. Вона точно вказує, які рядки потрібно додати, видалити або змінити, щоб перетворити один файл в інший.

Припустимо, у вас є два простих файли конфігурації сервера, config.v1.txt і config.v2.txt.

Ось config.v1.txt:
SERVER_NAME=prod-app
PORT=8080
ENABLE_SSL=false

А ось config.v2.txt:
SERVER_NAME=prod-app-new
PORT=8080
ENABLE_SSL=true
LOG_LEVEL=info

Якщо ви відкриєте термінал і запустите diff config.v1.txt config.v2.txt, ви отримаєте результат, який виглядає приблизно так:

Отже, що означає цей вихід?

  • 1c1 говорить вам, що рядок 1 у першому файлі потрібно змінити (c), щоб відповідати рядку 1 у другому файлі.
  • Рядки, що починаються з <, походять з першого файлу (config.v1.txt).
  • Рядки, що починаються з >, походять з другого файлу (config.v2.txt).
  • 3a4 означає, що після рядка 3 першого файлу потрібно додати (a) вміст з рядка 4 другого файлу.

Порівняння файлів у Windows з fc і PowerShell

Користувачі Windows не залишилися без уваги; у них є кілька чудових вбудованих варіантів. Старомодний вибір — це fc (File Compare), надійна команда, яка існує вже давно. Це простий інструмент, який виконує свою роботу, підсвічуючи рядки, що не збігаються.

Щоб порівняти наші два файли конфігурації, вам просто потрібно запустити fc config.v1.txt config.v2.txt. Вихід менш детальний, ніж у diff, але чітко показує, які рядки не збігаються.

Для більш сучасного та потужного підходу PowerShell надає нам командлет Compare-Object. Це справжня революція, оскільки він працює з об'єктами, а не просто з простим текстом, що робить його неймовірно гнучким.

Порада професіонала: Я використовую Compare-Object PowerShell для всього, що виходить за межі текстових файлів. Ви можете порівнювати вихід двох різних команд, перевіряти відмінності в запущених процесах або навіть аналізувати складні структури даних. Це справжній робочий конячка.

Розпочати роботу з Compare-Object легко. Просто передайте йому вміст ваших файлів:
Compare-Object (Get-Content config.v1.txt) (Get-Content config.v2.txt)

Вихід набагато інтуїтивніший, ніж у його попередників. Він використовує бокові індикатори (<= для першого файлу, => для другого), щоб вказати, де саме є відмінності, що робить його моїм улюбленим вибором для серйозної роботи в екосистемі Windows.

Використання текстового редактора для візуальних порівнянь

Будемо чесними, хоча командний рядок потужний, він не завжди є найінтуїтивнішим способом побачити, що змінилося між двома файлами. Для багатьох з нас, хто практично живе в текстовому редакторі, зміна контексту лише для виконання команди diff відчувається як перерва в робочому процесі. Хороша новина? Ваш улюблений редактор, напевно, має чудовий вбудований інструмент для візуального порівняння двох текстових файлів.

Редактори, такі як Visual Studio Code та Sublime Text, перетворюють порівняння файлів на безшовний, майже приємний досвід. Замість того, щоб примружуватися на вихід командного рядка, ви отримуєте чистий, паралельний вигляд, де кожна зміна помітна. Додавання, видалення та модифікації підсвічуються в легких для розуміння кольорах, що є рятівником під час оглядів коду або пізніх сесій налагодження.

Порівняння файлів у Visual Studio Code

Інструменти порівняння VS Code є найкращими, головним чином тому, що вони вбудовані прямо в його інтеграцію з Git. Вам навіть не потрібно шукати розширення, щоб почати; все вже є з коробки.

Запустити порівняння надзвичайно просто:

  • Перейдіть до панелі Провідника файлів у вашому проекті VS Code.
  • Знайдіть перший файл, клацніть правою кнопкою миші та виберіть Вибрати для порівняння.
  • Тепер знайдіть другий файл, клацніть правою кнопкою миші та натисніть Порівняти з вибраним.

Ось і все. VS Code негайно відкриває спеціалізований редактор порівняння. Цей вигляд є більше ніж просто просте паралельне; він підсвічує точні символи, які змінилися в рядку, а не лише весь рядок. Повірте, цей рівень деталізації є величезною допомогою, коли ви намагаєтеся виявити підступну помилку або відсутню кому.

Вигляд нижче є ідеальним прикладом того, що ви побачите, порівнюючи зміни в файлі, що відстежується Git.

Інструмент порівняння коду, що відображає два файли поруч з підсвіченими відмінностями зеленим і червоним.

Візуальна мова є зрозумілою: червоний зліва для видалених рядків, зелений праворуч для доданих рядків. Ви отримуєте миттєве розуміння того, що було змінено, не потребуючи розшифровувати жодні складні символи.

Ось порада з досвіду: Коли ви знаходитесь у режимі порівняння VS Code, зверніть увагу на маленькі значки плюс і мінус поруч з кожною зміною. Вони дозволяють вам стадіювати або скасовувати окремі рядки або блоки коду. Це надзвичайно корисна функція для створення чистих, точних комітів.

Покращення Sublime Text за допомогою пакетів

Sublime Text має величезну популярність завдяки своїй швидкості та чистому інтерфейсу. Хоча в ньому немає вбудованого інструмента порівняння, як у VS Code, його легко розширити. Щоб отримати найкращий досвід, вам потрібно буде встановити пакет. Найпопулярнішим вибором протягом багатьох років є Sublimerge, потужний пакет, який додає професійні можливості порівняння та злиття прямо в редактор.

Після встановлення такого інструмента, як Sublimerge, робочий процес буде дуже знайомим:

  • Виберіть два файли, які ви хочете порівняти (або навіть просто два вибрані фрагменти тексту).
  • Запустіть порівняння, яке відкриває двопанельний вигляд (або навіть трьохпанельний вигляд для більш складних злиттів).
  • Звідти ви можете переходити між відмінностями та переносити зміни з одного файлу в інший одним клацанням.

Цей підхід ідеальний для розробників, які люблять продуктивність Sublime і мають високо налаштоване середовище. Додавши спеціалізований пакет, ви можете швидко та точно порівняти два текстові файли, не порушуючи свій ритм кодування.

Браузерні інструменти для порівнянь на льоту

Іноді вам просто потрібна швидка перевірка. Вам не потрібно запускати термінал або відкривати повноцінний редактор коду; вам просто потрібно побачити різницю між двома блоками тексту прямо зараз. Ось тут і з'являються браузерні інструменти, які пропонують миттєву потужність порівняння на будь-якому комп'ютері з підключенням до Інтернету.

Цей підхід є моєю секретною зброєю для одноразових завдань. Я постійно використовую його, коли допомагаю колезі на їхньому комп'ютері або працюю з комп'ютера, на якому не можу просто встановити своє звичайне програмне забезпечення. Онлайн-інструменти для порівняння швидко ведуть вас до суті без будь-якої налаштування.

Вікно браузера, що відображає інструмент порівняння тексту з двома паралельними текстовими секціями, підсвіченими.

Чому обрати браузерний інструмент?

Найбільша перевага — це чиста зручність. Не потрібно жодної установки. Ви можете перейти від потреби в порівнянні до перегляду результатів за секунди, а не хвилини. Така доступність є рятівником для швидких перевірок і імпровізованого налагодження.

Крім того, ви отримуєте універсальну крос-платформену сумісність. Не має значення, чи ви на Windows, macOS або Linux. Якщо у вас є веб-браузер, інструмент працює однаково скрізь. Для команд, розподілених по різних операційних системах, ця послідовність є величезною перевагою.

Я втратив рахунок кількості разів, коли браузерний диф рятував мене. Коли я витягую фрагмент конфігурації з навчального посібника або відповіді на Stack Overflow, я вставляю його та свою версію в браузерний інструмент. Він миттєво виявляє будь-які помилки або тонкі відмінності у форматуванні. Це простий перевірочний засіб, який запобігає безлічі розчарувань.

Швидкий посібник: Розширення ShiftShift в дії

Робочий процес побудований для швидкості. Давайте розглянемо інструмент Порівняння тексту в наборі розширень ShiftShift. Це не може бути простіше: ви вставляєте свій оригінальний текст в одну панель, а новий текст в іншу.

Миттєво ви отримуєте паралельний вигляд з чітким кольоровим кодуванням, яке підсвічує те, що було додано або видалено. Цей миттєвий зворотний зв'язок робить його таким корисним. Ви можете точно побачити, які рядки змінилися, і навіть отримати статистику в реальному часі про кількість символів і слів.

Ось що робить хороший браузерний інструмент видатним:

  • Конфіденційність є найважливішою. Загальна тривога щодо онлайн-інструментів полягає в тому, куди йдуть ваші дані. Найкращі браузерні розширення, включаючи ShiftShift, виконують все оброблення локально на вашому комп'ютері. Ваш текст ніколи не надсилається на сервер, що є важливим, коли ви працюєте з чимось чутливим.
  • Працює офлайн. Оскільки логіка виконується у вашому браузері, стабільне підключення до Інтернету не потрібне після початкового завантаження сторінки. Це робить його надзвичайно надійним інструментом, навіть коли ваше з'єднання нестабільне.
  • Частина інструментів. Найефективніші інструменти часто є частиною більшої екосистеми. Для веб-розробників наявність утиліти для порівняння поряд з іншими корисними інструментами в одному розширенні є значним підвищенням продуктивності. Ви можете дізнатися більше про подібні розширення Chrome для веб-розробників, які використовують цей інтегрований підхід.

Врешті-решт, інструменти для порівняння на основі браузера заповнюють важливу нішу. Вони пропонують безпечне, доступне та безпроблемне рішення, коли вам не потрібні потужні функції спеціалізованого додатку.

Порівняння типів інструментів для порівняння

Вибір правильного інструменту повністю залежить від вашої ситуації. Утиліта командного рядка ідеально підходить для автоматизації, тоді як текстовий редактор пропонує глибоку інтеграцію. Однак браузерний інструмент виграє за швидкістю та зручністю. Ця таблиця розкриває ключові відмінності, щоб допомогти вам вирішити.

Особливість CLI інструменти (наприклад, diff) Текстові редактори (наприклад, VS Code) Браузерні інструменти (наприклад, Online Diff)
Доступність Вимагає доступу до терміналу; встановлений на системі Вимагає встановлення та налаштування редактора Миттєво доступний через будь-який веб-браузер
Швидкість для швидких завдань Швидкий для досвідчених користувачів, але має криву навчання Повільніший; вимагає відкриття програми та файлів Найшвидший; просто вставте текст і побачте результати
Встановлення Часто попередньо встановлений на Linux/macOS; вручну на Windows Вимагається на всіх платформах Не потрібно встановлення
Користувацький інтерфейс Вивід на основі тексту; може бути важко читати Багатий, графічний вигляд поруч з підсвічуванням синтаксису Простий, інтуїтивно зрозумілий графічний вигляд поруч
Автоматизація/скриптування Відмінно; призначений для скриптування та конвеєрів Обмежений завданнями та розширеннями, специфічними для редактора Не підходить для автоматизації
Конфіденційність Відмінно; вся обробка локальна Відмінно; вся обробка локальна Варіюється; авторитетні інструменти обробляють локально, інші використовують сервери
Найкраще для Системні адміністратори, автоматизовані робочі процеси, інтеграція з Git Розробники, письменники, детальні огляди коду, проектна робота Швидкі перевірки, нетехнічні користувачі, тимчасові або спільні системи

Як ви можете бачити, кожна категорія має свої переваги. У ті моменти, коли вам просто потрібна швидка відповідь без зайвих клопотів, інструмент на основі браузера часто є найрозумнішим і найшвидшим вибором.

Навігація в складних сценаріях порівняння

Ілюстрація, що порівнює два текстові файли, UTF-8 та ASCII, підкреслюючи відмінності в кодуванні символів.

Знання основ як порівняти два текстові файли є чудовим початком, але реальна робота є заплутаною. Ви швидко зрозумієте, що багато відмінностей, які вказує інструмент, не є значущими змінами вмісту. Це часто просто набридливі особливості форматування.

Ці "невидимі" відмінності можуть відправити вас у глибокий пошук помилки, якої насправді немає. Три поширені винуватці стоять за цим хаосом: пробіли, кодування символів та закінчення рядків. Один пробіл в кінці, табуляція замість пробілів або файл, збережений як UTF-8, в той час як інший - в ASCII, можуть зробити два функціонально ідентичні файли виглядати абсолютно по-різному для стандартного інструменту порівняння.

Ось тут вам потрібно стати розумнішими за ваші інструменти. Навчившись ігнорувати ці тривіальні варіації, ви зможете відсіяти шум і зосередитися на суттєвих змінах, які насправді мають значення.

Обробка конфліктів пробілів та кодування

Я втратив рахунок, скільки разів пробіли викликали плутанину, особливо коли працюєш у команді, де в кожного різні налаштування редактора. У когось IDE може додавати пробіли в кінці, тоді як у іншого - перетворювати табуляцію на пробіли. Для інструменту порівняння це всі законні зміни.

На щастя, більшість інструментів командного рядка мають параметри для обробки цього. Команда diff, наприклад, має параметр -w або --ignore-all-space. Виконання diff -w file1.txt file2.txt вказує інструменту повністю ігнорувати відмінності в пробілах, надаючи вам набагато чистіший вивід, який підкреслює лише реальні модифікації.

Кодування символів - це ще один підступний момент. Якщо один розробник зберігає файл з закінченнями рядків у стилі Windows CRLF (\r\n), а інший використовує Unix-стиль LF (\n), інструмент порівняння повідомить, що кожен рядок відрізняється. Більшість сучасних текстових редакторів та візуальних інструментів порівняння мають налаштування для нормалізації закінчень рядків на льоту або ігнорування їх під час порівняння.

Професійна порада для всіх, хто працює в команді, - встановити файл .editorconfig у кореневій директорії вашого проекту. Цей простий конфігураційний файл забезпечує послідовні стилі кодування, включаючи набори символів та закінчення рядків, у різних редакторах та IDE, запобігаючи більшості цих проблем.

Порівняння великих файлів та цілих директорій

Що робити, коли потрібно порівняти величезні журнали, які мають кілька гігабайт? Спроба завантажити їх у стандартний текстовий редактор або візуальний інструмент порівняння - це гарантований спосіб заморозити вашу машину. Для таких важких завдань інструменти командного рядка є вашими найкращими друзями, оскільки вони обробляють файли рядок за рядком, а не намагаються завантажити все в пам'ять.

Коли ви маєте справу з великими файлами, ви все ще можете використовувати diff, але розумним кроком буде перенаправити його вивід до пейджера, такого як less, для зручнішої навігації.
diff hugefile1.log hugefile2.log | less

Цей простий, але ефективний трюк дозволяє вам плавно прокручувати відмінності, не перевантажуючи ваш термінал або пам'ять системи.

Тепер, якщо вам потрібно знайти зміни в усьому проекті, порівняння файлів один за одним просто не є варіантом. Це ідеальна робота для рекурсивного порівняння директорій. Команда diff робить це надзвичайно простим з параметром -r (або --recursive).

Просто виконайте цю команду, щоб побачити всі відмінності між двома версіями папки проекту:
diff -r project_v1/ project_v2/

Вивід чітко покаже, які файли є унікальними для кожної директорії, а потім покаже стандартне порівняння для будь-якого файлу, який існує в обох, але має різний вміст. Для розробників це незамінна команда для аудиту змін між гілками або розгортаннями. А якщо вам просто потрібен швидкий, візуальний спосіб перевірити текстові фрагменти, ви можете знайти посібник, щоб порівняти текст онлайн безкоштовно, який чудово підходить для менших завдань.

Поширені запитання про порівняння файлів

Коли ви звикнете до основних порівнянь файлів, ви почнете стикатися з більш специфічними, реальними проблемами. Це цікава частина - тут ви переходите від простого знання команд до справжнього розуміння ремесла. Давайте розглянемо деякі з найчастіших запитань, які виникають, коли ви починаєте використовувати ці інструменти у своїй повсякденній роботі.

Це вже не просто про виявлення зміненого рядка. Ми говоримо про фільтрацію шуму, розплутування складних редагувань від кількох людей і навіть про роботу з файлами, які не є простим текстом. Оволодіння цими нюансами робить вас швидким і ефективним.

Як я можу бачити лише відмінності?

Іноді повний вивід порівняння просто... гучний. Коли ви дивитеся на два величезні журнали, де змінилося лише кілька рядків, прокручування тисяч ідентичних рядків - це втрата часу. Вам потрібен чистий, лаконічний звіт про тільки те, що відрізняється.

Ось тут інструменти командного рядка дійсно сяють. Класична команда diff з параметром об'єднаного формату (-u) вже досить добре фокусується на дії. Але для ще чистішого вигляду ви можете вказати їй приховати все, що однакове.

Опція --suppress-common-lines є чудовим способом зробити це. Вона видаляє всі збігаючі рядки, залишаючи вам зосереджений список додатків, видалень і модифікацій. Це ідеально підходить для створення швидкого підсумку або патчу файлу.

Що щодо трьохстороннього злиття?

Просте двостороннє порівняння чудово підходить для відстеження змін між "до" та "після". Але в реальному світі командних проектів і систем контролю версій, таких як Git, все стає складніше. Ви часто стикаєтеся з трьохстороннім злиттям.

Ця ситуація включає три різні файли:

  1. Базовий: Оригінальний файл, спільний предок до того, як хтось вніс зміни.
  2. Мій: Ваша версія файлу, що містить ваші редагування.
  3. Їхній: Версія вашого товариша по команді, з їх окремим набором редагувань.

Інструмент трьохстороннього злиття не просто порівнює "Мій" та "Їхній". Він використовує файл "Базовий" як точку відліку, щоб інтелектуально з'єднати обидва набори змін. Це магія, завдяки якій Git автоматично обробляє злиття і, що важливіше, як він визначає конфлікти, які потребують людського втручання для вирішення. Коли ви запускаєте git mergetool, він часто відкриває візуальний редактор порівняння (такий, як у VS Code), спеціально налаштований для цього завдання, що значно полегшує розплутування накладених змін.

Справжня сила трьохстороннього злиття полягає в контексті. Воно виходить за межі запитання: "Чи відрізняються ці два файли?" і замість цього запитує: "Як ці два файли відхилилися від їх спільного походження?" Цей контекст робить можливим безпечне, автоматизоване злиття.

Чи можу я порівняти бінарні файли, такі як документи Word?

Інструменти, які ми розглянули до цього часу, призначені для простого тексту. Якщо ви спробуєте запустити diff на документі Microsoft Word (.docx) або PDF, ви, напевно, отримаєте просто грубе повідомлення на кшталт: "Бінарні файли a та b відрізняються", без жодних корисних деталей.

Це тому, що ці формати файлів є більше, ніж просто текст. Вони є складними контейнерами з оформленням, метаданими та всілякою структурною інформацією, яку простий текстовий інструмент не може зрозуміти. Щоб правильно їх порівняти, вам потрібне програмне забезпечення, яке розуміє їхню мову.

Наприклад, Microsoft Word має вбудовану функцію "Порівняти документи", а Adobe Acrobat Pro може зробити те ж саме для PDF. Ці інструменти призначені для аналізу внутрішньої структури і можуть показати вам зміни в оформленні та зображеннях, а не лише текст.


Готові спростити свої щоденні порівняння? ShiftShift Extensions пропонує потужний, браузерний інструмент для порівняння тексту, який ідеально підходить для розробників, письменників та всіх, хто потребує швидкого, безпечного порівняння. Отримуйте миттєві результати поруч без необхідності залишати свій браузер. Завантажте його з shiftshift.app і побачте різницю.

Рекомендовані розширення