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

Latest Version

Version
0.0.1
Update
January 6, 2025
Size
25.88KiB
Developer
oslook.com
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
Scripting
See more

JSON Viewer Chrome Extension Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "JSON Viewer Chrome Extension", "version": "0.0.1", "description": "JSON Viewer, support tree view, formatted beautiful text view, a most beautiful and customizable JSON/JSONP highlighter", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "permissions": [ "activeTab", "storage", "scripting" ], "web_accessible_resources": [ { "resources": [ "viewer/*", "lib/*" ], "matches": [ "" ] } ], "action": { "default_icon": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" } }, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ] } ], "background": { "service_worker": "background.js" }, "omnibox": { "keyword": "json-viewer" }}
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 0 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 0 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 0 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 0 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 0 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 0 3255 ★ 1.19MiB

icon

SEOquake Extension · Developer Tools 0 2529 ★ 1.5MiB

icon

Clear Cache Extension · Developer Tools 0 1124 ★ 616KiB

icon

Postman Interceptor Extension · Developer Tools 0 957 ★ 478KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 0 1061 ★ 676KiB

icon

Selenium IDE Extension · Developer Tools 0 286 ★ 3.96MiB

icon

SEO META in 1 CLICK Extension · Developer Tools 0 1108 ★ 462KiB

icon

Stylus Extension · Developer Tools 0 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 0 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 0 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 0 118 ★ 194KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 0 407 ★ 54.1KiB

icon

Fake Filler Extension · Developer Tools 0 752 ★ 536KiB

icon

Detailed SEO Extension Extension · Developer Tools 0 193 ★ 266KiB

icon

Responsive Viewer Extension · Developer Tools 0 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 0 137 ★ 349KiB

icon

Grepper Extension · Developer Tools 0 405 ★ 1.41MiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 0 1227 ★ 876KiB

icon

ChroPath Extension · Developer Tools 0 1167 ★ 540KiB