Jon Hogg
v5.0
Finally! The first major update since View Rendered Source launched in 2018. Rebuilt from scratch, faster, easier to use, lots of new features, and much nicer to look at.
Plus, upgrading to Pro lets you save Snapshots for later, compare them to each other and share them as a link with your team or clients.
Try the demos below.
One click in the Difference panel shows only the tags search engines care about: titles, headings, meta description and robots, canonical, hreflang and JSON-LD. See if JavaScript hides or breaks them.
Or filter by All, Changes, Added or Removed, and step through each change with a running count.
A side-by-side list of the key page elements in the Raw Source and the Rendered DOM. Spot what's missing or different without reading every line. Access it from the Difference panel.
Maybe the most requested feature. Move across the panel to compare.
Color, finally! Color-coded HTML so tags, attributes and values are quick to scan. Turn it off below to see the difference. Highlighting is skipped on long pages to avoid hang.
Search Raw, Rendered or Difference with live highlights and a match count. Ctrl/Cmd+F opens Find only on the panel you're in, which works better than the browser's native Find.
Wrapping was on and made the page feel longer than it was. Wrap long lines, or scroll sideways with a scrollbar that stays in view on long pages. Also: code font size and fullscreen mode.
False differences are gone. Ignore case, and treat <img> and <img /> as the same. You can also set how long to wait for diffing on very large pages.
Save a dated, named .txt file of any panel. Diffs use +/- markers. When the diff is filtered, you can export just what you see or the full diff.
vrs_diff_https~northpeak.com~trail-runner_2026-10-30.txt
- <title>Trail Runner Shoes | Northpeak</title> + <title>Northpeak | Home</title> - <link rel="canonical" href="https://northpeak.com/trail-runner"> + <link rel="canonical" href="https://northpeak.com/">
Theme, highlighting, wrapping, diff options, timeout and font size. Set them once and they're remembered.
Pro
Upgrade to Pro to save a Snapshot of a page's raw, rendered and diffed source to view another time. After a release or a migration, take another and compare with the old version. Share a public link with your team, client or boss.
Save the raw, rendered and diffed source to your account, with the capture date and an optional private note (like "Before CMS migration Oct 2026").
Browse and filter by date, title, URL or note. Reopen, edit or delete any Snapshot.
Diff two Snapshots across dates, or across pages like staging and production.
Anyone can open it, no extension needed. Not indexed by search engines. Any note you added stays private.
Pro is $12 a month, or $120 a year (two months free). Try it free for 7 days. Buying for a team? Save 5% on 4 or more licenses, and 10% on 11 or more.
See Pro pricingThe whole viewer was rebuilt. Here's what you'll notice.
Quickly isolate one panel in one click. Your layout is remembered for next time.
Before, closing the original tab gave an error and you had to start again. Now you can close or refresh it, or reload the viewer, and it keeps what it already captured.
Better error messages for timeouts, network problems and Cloudflare blocks, with one-click retry.
The diff runs in the background and long pages now render in the browser in chunks, so the viewer stays responsive.
Step through each change in the Difference panel, and use Enter or the arrow keys to move through Find results.
Thanks for using View Rendered Source and all the kind words so far. I hope you love this update.