English
See more
Modern JSON formatter and explorer.
Latest Version
Version
0.0.12
Update
July 25, 2024
Size
54.79KiB
Developer
Category
Users
147 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ContextMenus
ClipboardWrite
See more
ContextMenus
ClipboardWrite
Functional JSON viewer Extension
Why to use:
- Foldable & filterable & focusable nodes
- (Shift-)Tab navigation
- Show node path on focus & hover
- Keymaps (Vim inspired)
- Clickable links
- Light & dark theme
- Converting JSON
- Screenshot (JSON to image .jpeg)
---
Functionality:
- Filter nodes (text or RegExp)
- Collapse all nodes
- Expand all nodes
- Save JSON
- Copy JSON
- Copy node
- Copy node path
- Switch formatted & raw data
- Sticky panels
---
Convert JSON to:
- JSON schema
- Typescript interfaces (.d.ts)
- Golang structs (.go)
---
Keymaps:
h | ArrowLeft - move focus left (parent node)
j | ArrowDown - move focus down (next sibling)
k | ArrowUp - move focus up (previous sibling)
l | ArrowRight - move focus right (child node)
c - collapse all child nodes
e - expand all child nodes
y - copy node
p - copy node path
---
Tips:
On large file, better search:
1. Click collapse all
2. Use native browser search (Ctrl+f)
3. Browser will auto expand matched nodes
---
Code:
https://github.com/diogenesofweb/fjv
Read more
- Foldable & filterable & focusable nodes
- (Shift-)Tab navigation
- Show node path on focus & hover
- Keymaps (Vim inspired)
- Clickable links
- Light & dark theme
- Converting JSON
- Screenshot (JSON to image .jpeg)
---
Functionality:
- Filter nodes (text or RegExp)
- Collapse all nodes
- Expand all nodes
- Save JSON
- Copy JSON
- Copy node
- Copy node path
- Switch formatted & raw data
- Sticky panels
---
Convert JSON to:
- JSON schema
- Typescript interfaces (.d.ts)
- Golang structs (.go)
---
Keymaps:
h | ArrowLeft - move focus left (parent node)
j | ArrowDown - move focus down (next sibling)
k | ArrowUp - move focus up (previous sibling)
l | ArrowRight - move focus right (child node)
c - collapse all child nodes
e - expand all child nodes
y - copy node
p - copy node path
---
Tips:
On large file, better search:
1. Click collapse all
2. Use native browser search (Ctrl+f)
3. Browser will auto expand matched nodes
---
Code:
https://github.com/diogenesofweb/fjv
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Functional JSON viewer", "version": "0.0.12", "manifest_version": 3, "description": "Modern JSON formatter and explorer.", "homepage_url": "https://github.com/diogenesofweb/fjv", "minimum_chrome_version": "88", "icons": { "128": "img/128.png", "48": "img/48.png", "32": "img/32.png", "16": "img/16.png" }, "content_scripts": [ { "matches": [""], "js": ["content.js"], "run_at": "document_end" } ], "web_accessible_resources": [ { "resources": ["style.css"], "matches": [""] } ], "options_page": "options.html", "permissions": ["storage", "contextMenus", "clipboardWrite"], "host_permissions": ["*://*/*", ""] }
Read more
