Skip to content

A powerful collection of debug visualizers for Visual Studio, providing beautiful formatting, syntax highlighting, and specialized views for common string data types. Stop squinting at raw JSON in the debugger!

License

Notifications You must be signed in to change notification settings

CodingWithCalvin/VS-Debugalizers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Debugalizers Logo

Debugalizers

A powerful collection of debug visualizers for Visual Studio with beautiful formatting and syntax highlighting

License Build Status

Marketplace Version Marketplace Installations Marketplace Downloads Marketplace Rating


πŸ–ΌοΈ Updated Interface

Updated Debugalizers Interface
The new modern Debugalizers interface

Note: The screenshots below were captured before the UI overhaul. The updated interface shown above features a modernized design with improved theming, rounded corners, and a cleaner layout. All functionality remains the same.

πŸ“Έ Screenshots

Debugalizers List
Choose from 30+ specialized visualizers

JSON Formatted View
JSON - Formatted View
XML Pretty View
XML - Pretty Printed
HTML Formatted View
HTML - Formatted View
HTML Rendered View
HTML - Rendered Preview
Markdown Rendered View
Markdown - Rendered Preview
JWT Claims View
JWT - Claims Table
Base64 Image View
Base64 - Image Preview
URI Table View
URI - Parsed Components
Connection String Table View
Connection String - Parsed Table
JSON Raw View
JSON - Raw View

✨ Features

  • 🎨 30+ Visualizers - JSON, XML, JWT, Base64, images, and many more
  • 🌳 Multiple Views - Raw, Formatted, Tree, Table, Hex, Rendered, and Image
  • πŸ–ŒοΈ Syntax Highlighting - Beautiful code highlighting via AvalonEdit
  • πŸ”Ž Search - Find text within large content (Ctrl+F)
  • πŸ“‹ Copy & Export - Copy raw/formatted content or export to file
  • πŸ–₯️ Multi-Architecture - Supports both x64 and ARM64 systems

πŸ“¦ Visualizer Catalog

πŸ“„ Data Formats

Visualizer Description Views
JSON API responses, config files Formatted, Tree, Raw
XML SOAP, config, SVG Formatted, Tree, Raw
HTML Web content, email templates Formatted, Rendered, Tree, Raw
YAML Docker, K8s, CI/CD configs Formatted, Tree, Raw
TOML Rust configs, pyproject.toml Formatted, Tree, Raw
CSV/TSV Tabular data exports Table, Raw
INI Legacy config files Formatted, Table, Raw
Markdown Documentation strings Rendered, Raw
SQL Database queries Formatted, Syntax Highlighted, Raw
GraphQL API queries Formatted, Syntax Highlighted, Raw

πŸ”€ Encoded Data

Visualizer Description Views
Base64 Decode text from Base64 Decoded, Hex, Raw
Base64 Image Embedded images (data:image/...) Image Preview, Raw
URL Encoded Query strings, form data Decoded, Raw
HTML Entities &amp; β†’ &, &lt; β†’ < Decoded, Raw
Unicode Escape \u0041 β†’ A Decoded, Raw
Hex String 48656C6C6F β†’ Hello Decoded, Hex, Raw
GZip/Deflate Compressed payloads Decompressed, Raw

πŸ” Security & Auth Tokens

Visualizer Description Views
JWT Decode header, payload, expiry Claims Table, Decoded, Raw
SAML Decode assertions XML Tree, Claims, Raw
X.509 Certificate PEM/DER certificates Details Table, Raw

πŸ”— Structured Strings

Visualizer Description Views
Connection String DB/service connections Parsed Table, Raw
URI/URL Full URL parsing Parsed Parts, Query Params Table
Query String ?foo=bar&baz=qux Key-Value Table, Raw
Regex Pattern visualization Pattern Breakdown, Raw
Cron Expression Schedule expressions Human Readable, Next Runs

πŸ’Ύ Binary & Low-Level

Visualizer Description Views
Hex Dump Binary data as hex Hex + ASCII
GUID/UUID Format and version info Formatted, Details
Timestamp Unix epoch conversion Human Readable, UTC/Local
IP Address IPv4/IPv6 details Formatted, CIDR Info

πŸ› οΈ Installation

Visual Studio Marketplace

  1. Open Visual Studio 2022 or 2026
  2. Go to Extensions > Manage Extensions
  3. Search for "Debugalizers"
  4. Click Download and restart Visual Studio

Manual Installation

Download the latest .vsix from the Releases page and double-click to install.

πŸš€ Usage

  1. Set a breakpoint where a string variable is in scope
  2. When the debugger hits the breakpoint, hover over the variable
  3. Click the magnifying glass icon in the DataTip
  4. Select the appropriate visualizer (e.g., "Debugalizers: JSON")
  5. The visualizer window opens with beautifully formatted content!

Selecting a Visualizer
Select a visualizer from the list

⌨️ Keyboard Shortcuts

Shortcut Action
Ctrl+F Search within content
Escape Close visualizer window

πŸ› οΈ Toolbar Actions

Button Action
Copy Copy raw content to clipboard
Copy Formatted Copy formatted content to clipboard
Export Save content to a file
Word Wrap Toggle word wrapping

πŸ“‹ Requirements

  • πŸ’» Visual Studio 2022 (17.8) or later
  • πŸ”§ .NET Framework 4.8

πŸ—οΈ Technology Stack

Component Technology
Syntax Highlighting AvalonEdit
JSON Parsing Newtonsoft.Json
YAML Parsing YamlDotNet
TOML Parsing Tomlyn
JWT Decoding System.IdentityModel.Tokens.Jwt
Markdown Rendering Markdig
Cron Parsing NCrontab
CSV Parsing CsvHelper

🀝 Contributing

Contributions are welcome! Whether it's bug reports, feature requests, or pull requests - all feedback helps make this extension better.

πŸ”§ Development Setup

  1. Clone the repository
  2. Open the solution in Visual Studio 2022 or 2026
  3. Ensure you have the "Visual Studio extension development" workload installed
  4. Press F5 to launch the experimental instance

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ‘₯ Contributors

CalvinAllen lennartb-


Made with ❀️ by Coding With Calvin

About

A powerful collection of debug visualizers for Visual Studio, providing beautiful formatting, syntax highlighting, and specialized views for common string data types. Stop squinting at raw JSON in the debugger!

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

Contributors 3

  •  
  •  
  •  

Languages