Diff Checker

Seeing exactly what changed

A diff checker compares two blocks of text and highlights what was added, removed, or left unchanged. It is the same idea that powers code review, but useful far beyond code: comparing two drafts of a contract, spotting the single character that broke a config file, or confirming that a pasted value matches the original. The tool does the tedious character-by-character comparison your eyes are bad at.

Most diff tools work line by line and can also show word-level or character-level changes within a line, which matters when a single edit is buried in a long paragraph.

What a diff looks like

Original                 Changed
----------------------   ----------------------
const port = 3000        const port = 8080
const host = "localhost" const host = "localhost"
                         const debug = true

A unified diff of the same change reads:

  const host = "localhost"
- const port = 3000
+ const port = 8080
+ const debug = true

Lines marked - were removed, lines marked + were added, and the unchanged line stays as context. Here a value changed and a new line was added, which is instantly clear in the diff but easy to miss by eye.

Common questions

Why does the whole line show as changed for a tiny edit?Line-based diffs treat any modified line as a remove plus an add. Turn on word or character highlighting to see that only one token actually changed, which makes small edits far easier to spot.

Does whitespace count? By default, yes. A trailing space or a tab-versus-spaces change registers as a difference, which is often what breaks a file that "looks identical." Many tools offer an option to ignore whitespace when you only care about content.

Will the order of the two inputs matter? It affects the labels. Swapping the sides flips additions and deletions, but the set of differences is the same. Put the earlier version on the left so the plus and minus signs read as a forward change over time.