Source Code & Font Viewer - HTML, CSS, JS, JSON & XML Formatter, from an independent developer, replaces Chrome's basic 'View Source' with a developer-focused inspector. It converts raw or minified HTML, CSS, JavaScript, JSON, and XML into colorized, formatted code and previews web fonts inside the browser. The extension includes syntax highlighting, automatic beautification, clickable links, code folding, and light/dark themes, aimed at web developers and designers who inspect and debug page assets.

Replaces the native source panel with a readable, code-centric viewer

The extension transforms raw page source into colorized, navigable code, providing syntax highlighting for HTML, CSS, JavaScript, JSON, and XML and clickable links to jump between resources. Context-menu integration lets you open the formatted source from the 'View Page Source' option, and a toolbar icon offers one-click access. These behaviours make the browser's basic source view function more like an editor while staying inside Chrome.

Handles minified and local files so debugging is faster

Automatic formatting and beautification can pretty-print minified files, which helps when inspecting compressed JavaScript or CSS. The extension also formats raw JS, CSS, JSON, and XML opened directly in the browser, and it can display local files when the 'Allow access to file URLs' setting is enabled. This combination reduces manual copy-paste when you need readable source quickly.

Supports design workflows with a built-in font preview and editor options

The integrated font viewer lets designers preview web fonts without external tools, while editor options such as word wrap, line numbers, and code folding adjust the reading layout. Multiple light and dark themes change the appearance for longer inspection sessions, and clickable resource links help trace where assets are loaded from during visual debugging and typography checks.

Privacy-first stance and Chromium integration suit developer workflows

The developer states a zero-data collection policy, which means no user data is collected or sold according to the extension's disclosure. Compatibility extends across Chrome and other Chromium-based browsers, so teams using Edge, Brave, or Opera can use the same tool. Integration into the browser's context menu and toolbar keeps the feature set accessible during routine inspections.

A practical tool for developers who regularly inspect source and fonts

This extension is a pragmatic option for web developers and UI designers who want readable source and quick font previews inside a Chromium browser. Its privacy pledge and in-browser formatting make it suited to technical workflows, while its orientation toward code inspection means casual users who only glance at page source may find it more complex than necessary.