Porównywarka Kodu Online
Porównaj dwie wersje pliku i wizualizuj różnice w kodzie HTML, CSS, JavaScript, PHP. Algorytm LCS, diff na poziomie znaków, eksport unified diff — niezbędne narzędzie przy tworzeniu stron internetowych.
[ Narzędzie dla web developerów ]
DiffViewer
—porównywarkakodu
Wklej dwie wersje kodu lub tekstu i natychmiast wizualizuj różnice. Algorytm LCS wykrywa zmiany na poziomie linii i znaków.
Wklej kod w obu polach lub kliknij Przykład
Algorytm LCS
Longest Common Subsequence — ten sam algorytm, który stoi za poleceniem diff w systemach Unix i narzędziem Git. Gwarantuje minimalne, optymalne wyniki diff.
Diff na poziomie znaków
Dla zmodyfikowanych linii narzędzie wyróżnia dokładnie te znaki i słowa, które uległy zmianie — nie tylko całe linie. Przydatne np. przy zmianie jednej wartości CSS.
Eksport Unified Diff
Skopiuj wynik jako standard unified diff (format .patch), który możesz zastosować komendą git apply lub patch — bez dodatkowych narzędzi.
Trzy tryby widoku
Side-by-side dla porównań wizualnych, Unified diff dla patchy, Inline z ukrywaniem niezmienionego kontekstu — wybierz tryb odpowiedni dla swojego workflow.
Opcje normalizacji
Ignoruj białe znaki, wielkość liter lub puste linie — dzięki temu diff skupia się na rzeczywistych zmianach, a nie artefaktach formatowania.
100% lokalnie
Całe przetwarzanie odbywa się w Twojej przeglądarce. Żaden fragment kodu nie jest wysyłany na serwer — bezpieczne dla poufnych projektów stron internetowych.
Najczęstsze pytania o porównywarkę kodu
Czy mogę porównywać duże pliki?
Tak — narzędzie działa lokalnie w przeglądarce i obsługuje pliki do kilkuset KB bez problemów. Dla bardzo długich linii (powyżej 400 znaków) diff na poziomie znaków automatycznie przełącza się na tryb słowny (word-level), aby zachować płynność działania.
Jaki format ma eksportowany unified diff?
Eksportowany diff jest w standardowym formacie unified diff (GNU diff -u). Możesz go zastosować komendą patch lub git apply. Nagłówki @@ wskazują numery linii, linie + to dodane, linie - usunięte, a linie bez prefiksu to kontekst.
Czy porównywarka obsługuje składnię konkretnych języków?
Wybór języka służy głównie jako oznaczenie kontekstu. Sam diff jest algorytmem tekstowym (LCS) niezależnym od składni — porównuje linie tekstu. Dla zaawansowanego diff semantycznego (AST-based) konieczne są narzędzia specyficzne dla danego języka.
Jakie są różnice między trybami widoku?
Side-by-side pokazuje oryginał i zmodyfikowaną wersję obok siebie. Unified diff wyświetla zmiany w jednym strumieniu ze znakami +/-. Inline ukrywa duże bloki niezmienionego kontekstu, skupiając uwagę na obszarach zmian — świetny do przeglądania code review.