Tekst vergelijken & Diff

Wat is Text Diff?

// Two strings that look 'mostly the same' but a naïve check disagrees
const a = 'hello world';
const b = 'hello, world!';

// Character equality
a === b; // false — but only 3 characters actually changed.

// LCS-style diff (this tool, at line + word granularity)
// → 1 line modified, inline highlight: 'hello[, ]world[!]'
// → unified patch:
//   --- original
//   +++ modified
//   @@ -1 +1 @@
//   -hello world
//   +hello, world!

Belangrijkste functies

Voorbeelden

function getUser(id) {
  const u = db.users.find(x => x.id === id);
  return u;
}

function getUser(userId) {
  const u = db.users.find(x => x.id === userId);
  return u;
}

1. The service is provided as-is.
2. Either party may terminate with 30 days notice.
3. Disputes are resolved in California courts.

1. The service is provided as-is.
2. Either party may terminate with 30 days notice.
2a. Termination notice must be in writing.
3. Disputes are resolved in California courts.

GET /api/users 200 14ms
POST /api/orders 201 88ms
GET /api/orders/42 200 21ms

GET /api/users 200 14ms
POST /api/orders 201 4200ms
GET /api/orders/42 500 21ms

  margin: 0;  
  padding: 0;
  border: none;

  margin: 0;
  padding: 0;
  border: none;

Zo werkt het

1. 1

   Plak beide versies

   Originele tekst links, gewijzigde tekst rechts. Live diff rendert tijdens het typen; grote inputs (>200 KB gecombineerd) schakelen over naar een handmatige Diff-knop.

2. 2

   Schakel de benodigde negeer-opties in

   Hoofdletters negeren, alle whitespace negeren, trailing spaties negeren of lege regels negeren — elk onafhankelijk, behouden tussen bezoeken.

3. 3

   Lees de diff of pak de patch

   Side-by-Side voor menselijke review, Unified voor het `---/+++/@@`-patchformaat. Unified diff kopiëren stuurt een schone patch naar je klembord voor code-review of `patch -p1`.

Veelvoorkomende diff-valkuilen

Diff: 200 modifications (all because of trailing \r)

Ignore trailing spaces / tabs → 2 real changes

Diff: 87 modifications (all are indent changes)

Ignore all whitespace → 4 actual changes

Diff: paragraph 2 'completely changed' (one blank line moved)

Ignore blank lines → no changes in paragraph 2

0 differences shown, but `cmp` says the files differ

Disable all Ignore options → real diff appears

Text diff on JSON: 100% of lines changed (just a key reorder)

<a href="/nl/tools/json-diff">JSON Diff</a>: 0 differences

Pasted a 20,000-line log — only first 5,000 lines diffed

`diff -u a.log b.log` in terminal handles full file

Veelvoorkomende toepassingen

Code-review snippet

Plak twee versies van een functie in de vakken om een hernoeming, een verwijderde branch of een nieuwe guard-clausule in één oogopslag te zien. Inline woordmarkering is sneller dan het scannen van de GitHub-diff voor een eenregelige wijziging.

Contract / beleids-redline

Plak het contract van gisteren tegen de revisie van vandaag. Ingevoegde clausules springen eruit; onveranderde alinea's vallen terug naar grijs. Exporteer de unified-patch voor het juridische beoordelingsspoor.

Log-tijdlijn analyse

Vergelijk een pre-incident logslice van een SRE met de slice tijdens het incident. Latency, statuscode en frequentiedrift komen direct naar boven zonder `awk`.

Proza / concept-revisie

Plak een concept en de versie van je editor. Inline woord-diff toont precies welke zinnen zijn herschreven — onmisbaar om wijzigingen één voor één te accepteren of af te wijzen.

Vertaal-review

Diff een oude vertaling tegen een hervertaling om te bevestigen dat de nieuwe versie betekenis, structuur en placeholders bewaart. Schakel 'Trailing spaties negeren' in om ruis te dempen die vertalers vaak introduceren.

Config / .env bestandsaudit

Vergelijk twee `.env`, `docker-compose.yaml` of shell rc-bestanden. Met 'Lege regels negeren' aan focust de diff op functionele verschillen in plaats van opmaakruis.

Technische details

LCS met prefix/suffix trimming

Gemeenschappelijke leidende en eindigende regels worden gestript voordat de dynamisch geprogrammeerde LCS draait. Een 'twee 2.000-regel configs met één gewijzigde regel'-diff valt samen tot een 1×1 DP-tabel en rendert in onder een milliseconde.

Token-niveau intra-line diff

Aangrenzende verwijder + toevoeg hunks worden gekoppeld en getokeniseerd via Unicode woord-/niet-woord-/whitespace-reeksen. Een tweede LCS-pass produceert de groen/rode token-spans die gewijzigde regels leesbaar maken.

Unified diff = git/patch compatibel

De output volgt het `---/+++/@@ -L,C +L,C @@`-formaat zoals gedefinieerd voor GNU patch en gebruikt door Git, GitHub en elk code-review tool. Toepassen met `pbpaste | patch -p0`.

Input-cap bij 5.000 regels per kant

Boven de cap wordt de diff afgekapt en gewaarschuwd. Voor inputs van meerdere megabytes gebruik je command-line `diff -u` of `git diff --no-index` — die streamen en behandelen gigabytes.

Best practices

Kies de negeer-opties vóór het lezen

Trailing-space, CRLF en hoofdletter-ruis overstemmen het signaal. Schakel eerst de juiste opties in; de diff is veel makkelijker te lezen en je traint jezelf niet om langs 'nep'-wijzigingen te scannen.

Unified voor delen, Side-by-Side voor reviewen

Visuele kolommen zijn voor jouw ogen. Unified patches zijn voor andermans terminals. Een gekopieerde unified diff valt zonder vertaling in een Slack-bericht, een Jira-opmerking of `patch -p1`.

Sanity-check met overeenkomstpercentage

Als twee bestanden 'bijna hetzelfde' zijn maar de overeenkomst is 30 %, heb je een regeleinde- of whitespace-probleem. Schakel 'Alle whitespace negeren' in en hercheck voordat je de diff leest.

Veelgestelde vragen