JSON Viewer Chrome Extension

JSON Viewer, support tree view, formatted beautiful text view, a most beautiful and customizable JSON/JSONP highlighter

A clean and powerful JSON viewer extension for Chrome with tree view and text view support. ## Features - 🌲 Tree View: Collapsible tree structure for better JSON visualization - 📝 Text View: Traditional text view with line numbers and code folding - 🎨 Dark/Light Theme: Seamless integration with Chrome themes - 🔍 Long String Handling: Automatically truncates long strings with expandable view - 📊 Object Size: Shows the number of items in arrays and objects - 🔗 URL Detection: Automatically converts URLs to clickable links - ⌨️ Keyboard Friendly: Easy navigation and interaction - 🎯 Line Numbers: Clear line numbers with folding indicators - 🚀 Performance: Handles large JSON files smoothly ## How to Use 1. Open a JSON file in Chrome 2. Click the "Open JSON Viewer" button in the editor title bar, or: 3. Right-click in the editor and select "Open in JSON Viewer" 4. Use the toolbar buttons to: - Switch between Tree and Text views - Toggle dark/light theme - Expand/collapse all nodes in tree view - Click on line numbers to fold/unfold sections in text view - Click on truncated strings to expand/collapse them ## View Modes ### Tree View - Hierarchical visualization of JSON structure - Click on arrows (▶/▼) to expand/collapse nodes - Shows array/object sizes - Hover effects for better readability ### Text View - Traditional JSON text representation - Line numbers with folding capability - 4-space indentation - Long string truncation with expandable view - Syntax highlighting ## Demo https://microsoftedge.github.io/Demos/json-dummy-data/64KB.json