Adobe AEM
All tools

Developer Tool

Diff Checker.

Compare two blocks of text or JSON side-by-side with line-level (or structural, for JSON) diff highlighting. Runs entirely in your browser. How to use

+5-52 unchanged17% similar
Diff Options:
Unified Diff Preview
-function calculateTotal(items) {
-  let total = 0;
-  for (let i = 0; i < items.length; i++) {
-    total += items[i].price;
+function calculateTotal(items, discount = 0) {
+  let total = items.reduce((sum, item) => sum + item.price, 0);
+  if (discount > 0) {
+    total = total - (total * (discount / 100));
   }
-  return total;
+  return Math.max(0, total);
 }

Diff Checker — User Guide

The Diff Checker compares two text blocks, code files, or JSON structures and highlights additions, deletions, and modifications live in your browser.

View Modes & Features

  1. Unified Inline Diff: View modifications combined in a single scrollable pane with additions (+) in green and deletions (-) in red.
  2. Side-by-Side Split View: Parallel two-column comparison highlighting modified lines on the left (Original) vs. right (Modified).
  3. Structural JSON Comparison: Parses both inputs as JSON objects and evaluates key-level additions, deletions, and value mutations.
  4. Diff Stats: Live count of added lines (+), removed lines (-), and unchanged lines.
  5. Whitespace & Case Options: Toggle options to ignore trailing/leading whitespace or evaluate case-insensitively.