Meta tags:
description=Compare two snippets of code or text line by line. See additions, removals, and changes highlighted in a clean side-by-side view.;

Headings (most frequently used words):

code, diff, about, the, tool, examples, frequently, asked, questions, related, tools, learn, more,

Text of the page (most frequently used words):
the (39), line (34), diff (28), and (28), html (26), text (17), two (15), aprender (14), lines (14), code (13), changed (12), hello (11), this (10), that (10), git (9), whitespace (9), only (9), ignore (9), both (8), body (8), w3docs (7), css (7), file (7), second (7), for (6), before (6), formatter (6), runs (6), your (6), side (6), added (6), name (6), json (5), versions (5), tools (5), each (5), are (5), case (5), what (5), into (5), removed (5), replace (5), first (5), color (5), todos (4), beautifier (4), generator (4), javascript (4), highlighted (4), between (4), tool (4), than (4), whole (4), still (4), with (4), comparison (4), const (4), word (4), level (4), you (4), copy (4), string (4), div (4), very (4), minimal (4), world (4), document (4), doctype (4), encoder (3), editor (3), quizzes (3), exercícios (3), python (3), php (3), snippets (3), paste (3), changes (3), same (3), pasted (3), memory (3), snippet (3), rather (3), how (3), compare (3), single (3), equal (3), panes (3), spacing (3), entirely (3), exactly (3), words (3), tokens (3), one (3), browser (3), algorithm (3), unchanged (3), its (3), change (3), console (3), log (3), run (3), para (2), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), password (2), ferramentas (2), java (2), livros (2), see (2), differences (2), other (2), markers (2), when (2), lesson (2), command (2), conceptually (2), from (2), spaces (2), config (2), files (2), table (2), sized (2), comparisons (2), large (2), few (2), hundred (2), multi (2), thousand (2), but (2), compute (2), can (2), sides (2), count (2), display (2), original (2), differ (2), flagged (2), does (2), every (2), marked (2), punctuation (2), highlights (2), instead (2), client (2), nothing (2), logged (2), stored (2), page (2), inputs (2), sent (2), server (2), longest (2), common (2), subsequence (2), blocks (2), output (2), there (2), alice (2), differs (2), pass (2), inside (2), stay (2), button (2), mark (2), lcs (2), delete (2), insert (2), columns (2), edited (2), view (2), unified (2), split (2), new (2), welcome (2), right (2), content (2), left (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, idioma, política, privacidade, contato, sobre, empresa, try, prática, tutoriais, exemplos, gratuitos, web, desde, 2014, useful, spotting, any, plain, reading, conflict, inserts, branches, touch, merge, conflicts, model, based, learn, more, strip, stray, running, extra, remover, pretty, print, markup, comparing, them, reformat, consistently, indentation, alone, doesn, show, noise, normalize, formatting, diffing, api, responses, related, engine, keeps, built, codebases, comfortable, pasting, works, gets, noticeably, slower, since, scale, product, lengths, collapses, space, trims, ends, compared, combine, solely, capitalization, stop, being, also, through, tokenizes, then, actually, longer, 400, minified, bundle, example, step, skipped, keep, typing, responsive, why, typed, either, box, transmitted, anywhere, refresh, gone, yes, style, classify, objects, uses, readability, headers, hunk, isn, patch, feed, apply, work, like, frequently, asked, questions, options, which, included, turn, off, toggles, again, default, collapse, marks, flags, surrounding, identical, unhighlighted, highlighting, held, version, template, four, transcript, copies, clipboard, leading, context, function, greet, edit, examples, reach, need, rendered, opening, overwriting, after, teammate, rewrites, something, want, know, precisely, moved, everything, holds, comfortably, while, pastes, will, slow, down, computed, family, used, classic, unix, third, party, package, keeping, dependency, free, walks, texts, classifies, sit, next, get, merged, aligned, tokenizing, just, token, not, entire, difflib, sequencematcher, compares, place, plus, exact, within, recomputes, keystroke, click, switch, lists, directly, above, replacement, closer, prints, terminal, about, clear, sample, swap, home, entrar, pesquisar, formatters, url, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos, online,

Text of the page (random words):
code diff online side by side comparison w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar home tools code diff code diff first text 7 lines doctype html html body h1 hi h1 p this is very minimal hello world html document p body html second text 9 lines doctype html html body h1 hello h1 p welcome to w3docs p p this is very minimal hello world html document p div this is a new code div body html swap sample clear ignore whitespace ignore case copy diff split unified added 2 removed 0 changed 1 unchanged 6 side by side line diff between the two inputs change left line left content change right line right content 1 doctype html 1 doctype html 2 html 2 html 3 body 3 body changed from 4 h1 hi h1 changed to 4 h1 hello h1 added 5 p welcome to w3docs p 5 p this is very minimal hello world html document p 6 p this is very minimal hello world html document p added 7 div this is a new code div 6 body 8 body 7 html 9 html about the code diff tool code diff compares two blocks of text or code line by line and highlights what changed lines added lines removed and lines edited in place plus the exact words that changed within an edited line paste your two versions into the first text and second text panes the comparison recomputes on every keystroke so there s no compare button to click switch between a split view that lines both versions up in columns and a unified view that lists a removed line directly above its replacement closer to how git diff prints changes in a terminal the diff is computed with a longest common subsequence lcs algorithm the same family used by python s difflib sequencematcher and the classic unix diff command rather than a third party package keeping the page dependency free it walks both texts and classifies each line as equal insert delete or replace a delete run and an insert run that sit next to each other get merged into a single replace so the two columns stay aligned a second lcs pass runs only on replace lines tokenizing each into words whitespace and punctuation so just the token that changed is highlighted not the entire line reach for it when you need to see exactly what differs between two versions of a snippet a config file or rendered html css before opening a pr before overwriting a file or after a teammate or an ai tool rewrites something and you want to know precisely what moved everything runs client side in your browser nothing you paste is sent to a server logged or stored the algorithm holds an o n m table in memory so it s sized for snippet and file level comparisons a few hundred lines run comfortably while multi thousand line pastes will slow down examples a one line edit and its copy diff output diff function greet name console log hello name console log hello name first text held the console log hello name version second text changed only that line to a template string this four line transcript is exactly what the copy diff button copies to the clipboard two leading spaces mark unchanged context mark the removed and added line word level highlighting inside a changed line text first text h1 hi h1 second text h1 hello h1 the line diff marks this whole line replace but the word diff pass inside it only flags hi and hello the surrounding h1 and h1 tokens are identical on both sides and stay unhighlighted how ignore whitespace and ignore case collapse a diff text first text const name alice second text const name alice default compare 1 line marked changed ignore whitespace only still changed case differs ignore whitespace ignore case no differences both options only change which lines count as equal the panes still display your original text spacing included turn off the toggles and the same two lines are flagged replace again frequently asked questions does code diff work like git diff conceptually yes both compute a line level diff with a longest common subsequence style algorithm and classify each line as unchanged added removed or changed this tool runs entirely in your browser on two pasted blocks of text rather than on git objects and its copy diff output uses line markers for readability only there are no file headers or hunk lines so it isn t a patch file you can feed to git apply is my code sent to a server no the comparison runs entirely client side in your browser nothing typed or pasted into either box is transmitted logged or stored anywhere refresh the page and both inputs are gone why is only one word highlighted instead of the whole line every line marked changed also runs through a second word level diff that tokenizes it into words whitespace and punctuation then highlights only the tokens that actually differ on a single line longer than 400 tokens a minified bundle on one line for example that step is skipped and the whole line is highlighted instead to keep typing responsive what exactly does ignore whitespace do it collapses runs of whitespace to a single space and trims both ends of each line before the two sides are compared so const x 1 and const x 1 count as equal only the comparison changes the panes still display your original spacing combine it with ignore case and lines that differ solely in spacing or capitalization stop being flagged entirely how large a file can i compare the diff engine keeps an o n m table in memory so it s built for snippet and file sized comparisons rather than whole large codebases a few hundred lines is comfortable pasting two multi thousand line files still works but gets noticeably slower since both memory and compute scale with the product of the two lengths related tools json beautifier normalize json formatting before diffing two api responses or config files css beautifier reformat css consistently so indentation alone doesn t show up as noise in the diff html formatter pretty print two versions of markup before comparing them line by line extra spaces remover strip stray whitespace from pasted text before running a diff learn more lesson git diff the git diff command this tool s line by line model is conceptually based on lesson merge conflicts reading the conflict markers git inserts when two branches touch the same lines paste two snippets and see the differences highlighted line by line useful for spotting changes between versions of html css javascript or any other plain text w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores