JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse. JSON Parser for Mac $199. Json viewer free download - JSON Viewer, JSON Viewer, JSON viewer, and many more programs. Best Video Software for the Mac How To Run MacOS High Sierra or Another OS on Your Mac Best Graphic Design Software the Mac Stay Safe with Best Free Password Managers for iPhone View All. Edit JSON data on your Mac. Paid Publisher: Snack App. Json viewer free for pc; Json viewer free for pc. Use the free Coolutils XML Viewer to view XML and JSON files straight away. The free Coolutils XML Viewer to view. XML and JSON. FREE GUI Manager for Mac, Windows, Linux to work with: * LOCAL files of Valentina DB and SQLite. FREE GUI Manager.

I am looking for a JSON viewer for OS X that can:

• open decently large files (e.g. > 10 MB), unlike the JSON Editor Eclipse Plugin (take over 1 minute to generate the treeview for a 500 KB JSON file) and Json Tools Eclipse Plugin (no outline generated if file is more than a few MBs but otherwise great and fast)
• has a decently responsive UI, unlike JSON Viewer for Windows
• can collapse/expand a given level (treeview / outline)
• works off-line

Ideally:

• tabs
• gratis
• can edit JSON data
• displays the filename somewhere, unlike JSON Viewer for Windows
• provide some statistics on the JSON content

Franck DernoncourtFranck Dernoncourt

3 Answers

Jsoneditor is a browser-based editor that you can deploy locally or use the ad-sponsored online version provided by the author. It's handy for small JSON files, and I find it the easiest and most feature-full. It will highlight broken json, but it's not a 100% compatible validators like https://jsonlint.com/ because, for example, it treats raw tabs as valid within strings although this is not allowed by the JSON spec.

JSONMate seems to be a usable open-source project with an online editor which probably won't be able to handle large files, but you can fork it on github, adapt to your needs and run it locally.

Intellij Idea and derivatives have decent JSON support but large files take time to load.

SublimeText is also usable for JSON if you install the plugins for beautifying and extra features.

For windows XMLMarker does a good job as an XML and JSON visualizer, but the last version which added JSON support is a limited trial.

Disclaimer: I am not affiliated with any of these tools and projects.

ccpizzaccpizza

Checkout Jason, although it appears to be no longer maintained since Osx 10.7, I just opened a JSON in it with Osx 10.11 and it works ok.

Please Note: since it is no longer maintained it is likely going to be unreliable.

Alternatively, I have opted for an online browser-based JSON editor:

It is surprisingly fast, allowing you to browse the tree, search values, edit values, insert values, reorder values, even duplicate values. You can even drag and drop stuff around to really get creative :) Unfortunately, you can't see the filename of the json you are editing, but you can open up new browser tabs for multiple json file editing at once.

I use Brackets editor to browse json files. Works great!

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

You must log in to answer this question.

protected by nohillside♦Sep 15 '17 at 20:49

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged macossoftware-recommendationjson .

RJV is a React component for displaying and editing javascript arrays and JSON objects.

This component provides a responsive interface for displaying arrays or JSON in a web browser. NPM offers a distribution of the source that's transpiled to ES5; so you can include this component with any web-based javascript application.

Implementation Example

Output Examples

Default Theme

Hopscotch Theme, with Triangle Icons:

Installation Instructions

Install this component with NPM.

Or add to your package.json config file:

Props

Name	Type	Default	Description
src	JSON Object	None	This property contains your input JSON
name	string or false	'root'	Contains the name of your root node. Use null or false for no name.
theme	string	'rjv-default'	RJV supports base-16 themes. Check out the list of supported themes in the demo. A custom 'rjv-default' theme applies by default.
style	object	{}	Style attributes for react-json-view container. Explicit style attributes will override attributes provided by a theme.
iconStyle	string	'circle'	Style of expand/collapse icons. Accepted values are 'circle', triangle' or 'square'.
indentWidth	integer	4	Set the indent-width for nested objects
collapsed	boolean or integer	false	When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth.
collapseStringsAfterLength	integer	false	When an integer value is assigned, strings will be cut off at that length. Collapsed strings are followed by an ellipsis. String content can be expanded and collapsed by clicking on the string value.
shouldCollapse	(field)=>{}	false	Callback function to provide control over what objects and arrays should be collapsed by default. An object is passed to the callback containing name, src, type ('array' or 'object') and namespace.
groupArraysAfterLength	integer	100	When an integer value is assigned, arrays will be displayed in groups by count of the value. Groups are displayed with brakcet notation and can be expanded and collapsed by clickong on the brackets.
enableClipboard	boolean or (copy)=>{}	true	When prop is not false, the user can copy objects and arrays to clipboard by clicking on the clipboard icon. Copy callbacks are supported.
displayObjectSize	boolean	true	When set to true, objects and arrays are labeled with size
displayDataTypes	boolean	true	When set to true, data type labels prefix values
onEdit	(edit)=>{}	false	When a callback function is passed in, edit functionality is enabled. The callback is invoked before edits are completed. Returning false from onEdit will prevent the change from being made. see: onEdit docs
onAdd	(add)=>{}	false	When a callback function is passed in, add functionality is enabled. The callback is invoked before additions are completed. Returning false from onAdd will prevent the change from being made. see: onAdd docs
defaultValue	string |number |boolean |array |object	null	Sets the default value to be used when adding an item to json
onDelete	(delete)=>{}	false	When a callback function is passed in, delete functionality is enabled. The callback is invoked before deletions are completed. Returning false from onDelete will prevent the change from being made. see: onDelete docs
onSelect	(select)=>{}	false	When a function is passed in, clicking a value triggers the onSelect method to be called.
sortKeys	boolean	false	set to true to sort object keys
validationMessage	string	'Validation Error'	Custom message for validation failures to onEdit, onAdd, or onDelete callbacks

Features

• onEdit, onAdd and onDelete props allow users to edit the src variable
• Object, array, string and function values can be collapsed and expanded
• Object and array nodes display length
• Object and array nodes support a 'Copy to Clipboard' feature
• String values can be truncated after a specified length
• Arrays can be subgrouped after a specified length
• Base-16 Theme Support
• When onEdit is enabled:
  • Ctrl/Cmd+Click Edit Mode
  • Ctrl/Cmd+Enter Submit

Customizing Style

Stock Themes

RJV now supports base-16 themes!

You can specify a theme name or object when you instantiate your rjv component.

Check out the list of supported themes in the component demo.

Monokai theme example

Solarized theme example

Use Your Own Theme

Json Reader For Windows

You can supply your own base-16 theme object.

To better understand custom themes, take a look at my example implementation and the base-16 theme styling guidelines.

Xml Reader For Mac

onEdit, onAdd and onDelete Interaction

Pass callback methods to onEdit, onAdd and onDelete props. Your method will be invoked when a user attempts to update your src object.

The following object will be passed to your method:

Returning false from a callback method will prevent the src from being affected.

Contributing to the source code

Run the Dev Server

Webpack Dev Server should automatically open up http://localhost:2000 in your web browser. If it does not, open a browser and navigate to port 2000. The hot reloader will automatically reload when files are modified in the /src/ directory.

Run the Production Build

Please add tests for your code before posting a pull request.

You can run the test suite with npm run test or npm run test:watch to automatically reload when files are modified.

Docker Tools

I recommend using docker for development because it enforces environmental consistency.

For information about contributing with Docker, see the README in ./docker.

Inspiration

Adobe Reader For Mac

I drew a ton of design ideas from react-json-tree. Thanks to the RJT contributors for putting together an awesome component!

Json Reader For Mac

I'm also inspired by users who come up with interesting feature requests. Reach out to me with ideas for this project or other projects you want to collaborate on. My email address is listed on my github user page.