Using the diff viewer

Parts of the screen

This screenshot shows the All changes tab in side-by-side layout. Use the numbers to find each control:

• (1) All changes — Shows the old version and the new version side by side in two panes, with the page’s text and images, and highlights on the page. This is the usual starting view. In some cases, some changed text can stay hidden under other elements on the page, so a highlight may be hard to see. In those cases, also open (2) Text changes or (3) Text in context.
• (2) Text changes — Shows only the lines that changed, without the rest of the page. Useful when a change is hard to see under All changes.
• (3) Text in context — Shows the changed text with other texts around it, so you can see where it sits on the page. Also useful when a change is hard to see under All changes.
• (4) Image — Shows a screenshot comparison when page images exist for this change. If images are not ready, use the other tabs. Drag the vertical slider (the handle between Previous and Current) left or right to reveal more of the old page or more of the new page. The left side of the split is the previous version; the right side is the current version.

  

• (5) Single page — Puts both versions on one scroll instead of two panes. The label may add Paired, Mixed, or Stacked to show how this change was merged (see below).

  

• (6) Side-by-side — Shows the previous version on the left and the current version on the right. Sync scroll works in this layout. The first photo on this page is an example of the side-by-side layout.
• (7) Colour legend — Orange means previous version. Cyan means current version.
• (8) Expand all / Collapse all — On All changes, opens or closes accordion sections in both panes. Greyed out when the page has no collapsible sections.
• (9) Jump between changes — First, previous, next, and last buttons move you from one highlighted change to another. The active highlight is outlined.

  

• (10) Highlight side — The colour swatch after the jump buttons. When active, click it to choose which side you step through (orange = previous only, cyan = current only).
• (11) Insights — Short summary of the change: S/M/L for size, TWC for text-only words, DWC for words that contain digits, and + / − / ↔ for added / removed / replaced. Click i for more detail. Same labels as Main view.
• (12) Digits changed — Appears when DWC is greater than zero, so you can spot number or rate changes quickly.
• (13) Width — Zooms both panes from 50% to 200%. Useful when a page is wide or the highlights are hard to read.
• (14) Sync scroll — When On, scrolling one pane scrolls the other with it. Turn Off to scroll each pane on its own. Sync scroll is for side-by-side only. The Image tab has a similar-looking control, but that is the slider for comparing screenshots — a different tool. See (4) Image.
• (15) Back to list — Returns to where you came from. From Main view the label is Back to list. On the public demo the label is Back to demo.
• (16) Old version, New version — Shows when each snapshot was saved.
• (17) Previous pane (orange) — The left pane is the older snapshot. Orange highlights show what was there before.
• (18) Current pane (cyan) — The right pane is the newer snapshot. Cyan highlights show what is there now.

When you choose Single page

Single page merges both versions into one scroll. How they merge depends on the change:

• Paired — each orange highlight sits next to its cyan partner on the current page.
• Mixed — pairs appear on the current page, and extra new-only highlights stay where they are. Common when new text was added below unchanged content.
• Stacked — the full previous page sits above the full current page, used when the page changed so much that highlights can’t be paired safely.

The Text changes tab always shows each old line followed by its new line. Your layout choice (side-by-side or single page) is remembered next time.