json viewer extension for safari

The 5 Best JSON File Viewer for Macs: View, Edit and Debug

Mohammad Jamiu

Read Time 🕠 - 6mins

If you’re a Mac user and frequently work with JSON files, you’ll need a reliable JSON file viewer to help you navigate, edit, and format JSON data.

Fortunately, there are many great options available for Mac users. In this article, we’ll provide a detailed overview of five of the most popular JSON file viewers for Mac, along with links to download the apps.

Table of Contents ↬

1. visual studio code (vs code).

VS Code is a powerful IDE that offers a comprehensive set of tools for viewing, editing, and debugging JSON files.

Its features include syntax highlighting, code folding, line numbering, and debugging capabilities.

What sets VS Code apart is its high level of customization, thanks to a wide range of extensions available in the Visual Studio Code Marketplace.

These extensions allow you to enhance the functionality of VS Code specifically for working with JSON files.

To download Visual Studio Code for Mac, visit the official Visual Studio Code website and choose the macOS version.

2. Sublime Text

Sublime Text is another popular text editor widely used for viewing, editing, and formatting JSON files on Mac.

It is known for its speed, flexibility, and powerful features. With Sublime Text, you can take advantage of syntax highlighting, code folding, line numbering, and snippets to work efficiently with JSON files.

Additionally, Sublime Text offers extensive customization options through plugins, making it adaptable to your specific needs.

To download Sublime Text for Mac, visit the official Sublime Text website and choose the macOS version.

Atom is a free and open-source text editor that provides a user-friendly interface for viewing, editing, and formatting JSON files.

It offers a rich feature set, including syntax highlighting, code folding, line numbering, and snippets.

Atom is known for its ease of use and extensibility. It has a vast library of plugins that allow you to enhance its capabilities and customize the editor according to your preferences.

To download Atom for Mac, visit the official Atom website and choose the macOS version or this site .

4. SmartJSON

SmartJSON is a free and open-source JSON file viewer and editor designed specifically for macOS.

It offers a wide range of features, including syntax highlighting, code folding, line numbering, validation, debugging, and the ability to export JSON data to other formats.

SmartJSON provides a user-friendly interface and customizable settings, allowing you to tailor the viewer to your needs.

To download SmartJSON for Mac, visit the official SmartJSON website.

5. TextEdit

TextEdit is a basic text editor on macOS that can view, edit, and format JSON files. While it’s easy to use, it lacks advanced features like syntax highlighting and code folding found in other JSON viewers.

Consider other options for a more powerful and customizable experience. To download TextEdit, visit the official Apple website and explore the macOS version.

Online JSON Viewers

If you prefer not to install a JSON file viewer on your Mac, you can utilize online JSON viewers that are accessible through web browsers. Here are two popular options:

JSON Editor Online

JSON Editor Online is a web-based JSON viewer and editor that allows you to load, edit, and format JSON data directly in your browser.

It provides a user-friendly interface with features such as syntax highlighting, collapsible nodes, and code formatting.

JSON Editor Online also offers validation and error highlighting, making it easier to identify and correct JSON syntax errors.

You can simply copy and paste your JSON data into the editor or load JSON files from your local machine.

To use JSON Editor Online, visit the JSON Editor Online website .

JSON Viewer

JSON Viewer is another web-based JSON viewer that enables you to visualize and navigate JSON data in a hierarchical tree structure.

It supports syntax highlighting, collapsible nodes, and basic editing capabilities. JSON Viewer also provides options to expand or collapse the entire JSON structure, making it easier to navigate through large JSON files.

You can either paste your JSON data directly into the viewer or load JSON files from your computer.

To access JSON Viewer, visit the JSON Viewer website .

JSONLint is a web-based JSON viewer that serves as a reliable tool for validating and debugging JSON files.

It ensures that your JSON data is well-formed and adheres to the JSON specification.

With JSONLint, you can quickly identify and fix errors in your JSON files, ensuring their integrity and accuracy.

JSONLint offers a user-friendly interface and real-time error highlighting, making it a valuable tool for developers and data professionals.

You can access JSONLint through their website .

When working with JSON files on your Mac, having a reliable JSON file viewer is essential.

The five options mentioned in this article, Visual Studio Code, Sublime Text, Atom, and SmartJSON, offer powerful features and customization options to enhance your JSON editing experience.

In addition, if you prefer not to install a viewer, you can utilize online JSON viewers like JSON Editor Online and JSON Viewer.

Explore these options and choose the one that fits your needs and preferences to efficiently work with JSON files on your Mac.

Frequently Asked Questions

• Can I edit JSON files using these viewers? Yes, most of the JSON file viewers mentioned in this article allow basic editing capabilities. However, for more advanced editing and manipulation, you may want to consider using dedicated JSON editors or IDEs like Visual Studio Code or Sublime Text.
• Are these JSON file viewers free? The JSON file viewers mentioned in this article offer both free and paid versions. Visual Studio Code, Sublime Text, Atom, SmartJSON, and TextEdit are free to download and use. Online JSON viewers like JSON Editor Online and JSON Viewer are also free to use in most cases.
• Can I format and validate JSON data using these viewers? Yes, all the JSON file viewers mentioned in this article provide options for formatting and validating JSON data. They help ensure that your JSON files are properly structured and adhere to the JSON syntax rules.
• Are there any other JSON file viewers available for Mac? Yes, there are several other JSON file viewers available for Mac, including JSON Buddy, JSON Grid, and JSONGen. These viewers offer different sets of features and interfaces, so you may want to explore them to find the one that best suits your requirements.

More For You ☄

JSON Viewer

Say goodbye to online json formatters., json viewer is a native mac app to visualize, validate and format json datasets in a clean and snappy interface., really fast. and really free..

Powerful JSON viewer and editor

Browse JSON Files

View the contents of a JSON file as structured data or as syntax highlighted text.

Update values, add values and create new JSON documents.

Flexible Layout

Support for tabs and splits as well as multiple windows on the iPad.

Browse JSON directly inside the Shortcuts app using Jaysons shortcut action.

Share Sheet Extension

Use the share sheet extension to view JSON from other apps, including Safari.

Support for dark mode makes for those late night JSON-browsing sessions.

Safari JSON Viewer

Starting to use Safari more and need some extensions I'm used to in Chrome.

One handy one is a JSON Viewer: https://github.com/rfletcher/safari-json-formatter

Copied to Clipboard

JSON Viewer

Online json viewer.

JSON Viewer Online helps to Edit, View, Analyse JSON data along with formatting JSON data. It's very simple and easy way to Edit JSON Data and Share with others.

This is also a JSON file Viewer. Upload JSON file, Upload url of JSON and view in Tree Structure Viewer.

This is also a JSON visualizer tool to visualize and search each JSON Object View in Tree.

Collapsible JSON View allows to collapse JSON to drill down into a tree structure.

This JSON Navigator helps user to navigate through large JSON data structures easily.

And Sometime "jason viewer" is the same as "JSON Viewer".

Know more about JSON :

• How to Create JSON File?
• JSON Full Form
• What is JSON?
• JSON Example with all data types including JSON Array.
• Python Pretty Print JSON
• Read JSON File Using Python
• Validate JSON using PHP
• Python Load Json From File

Best and Secure JSON Viewer works well in Windows, Mac, Linux, Chrome, Firefox, Safari and Edge.

How to open JSON File Online?

Step 1: Open JSON Viewer tool using this link JSON Viewer .

Step 2: Click on Load Data, which will open a popup window.

Step 3: Upload JSON file with extension .json or .txt.

Step 4: Read the JSON data in Tree Visualizer. It will also Show / View JSON File in beautiful text editor.

Why JSON Viewer?

How to use json viewer with url, is login required to save json data, have you accidentally saved your json data, load external data, save online.

Description

SimplyJSON for Safari 4+

Json viewer for safari, adil erchouk.

• 5.0 • 1 Rating

Screenshots

Description.

A simple JSON Viewer for Safari.  Expand or collapse items in the JSON, show the source JSON.

Version 1.3

- Making the app universal for Intel and Apple Silicon chips

Ratings and Reviews

App privacy.

The developer, Adil Erchouk , indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .

Data Not Collected

The developer does not collect any data from this app.

Privacy practices may vary based on, for example, the features you use or your age. Learn More

Information

• App Support
• Privacy Policy

More By This Developer

ChordChest - Guitar Chords

• My extensions & themes
• Developer Dashboard
• Give feedback

JSON Viewer

1.1K ratings

The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. Open source at https://goo.gl/fmphc7

It is a Chrome extension for printing JSON and JSONP. Notes: * This extension might crash with other JSON highlighters/formatters, you may need to disable them * To highlight local files and incognito tabs you have to manually enable these options on the extensions page * Sometimes when the plugin updates chrome leaves the old background process running and revokes some options, like the access to local files. When this happen just recheck the option that everything will work again * Works on local files (if you enable this in chrome://extensions) Features * Syntax highlighting * 27 built-in themes * Collapsible nodes * Clickable URLs (optional) * URL does not matter (the content is analysed to determine if its a JSON or not) * Inspect your json typing "json" in the console * Hot word `json-viewer` into omnibox (type `json-viewer` + TAB and paste your JSON into omnibox, hit ENTER and it will be highlighted) * Toggle button to view the raw/highlighted version * Works with numbers bigger than Number.MAX_VALUE * Option to show line numbers * Option to customize your theme * Option to customize the tab size * Option to configure a max JSON size to highlight * Option to collapse nodes from second level + Button to unfold all collapsed nodes * Option to include a header with timestamp + url * Option to allow the edition of the loaded JSON * Option to sort json by keys * Option for C-style braces and arrays * Scratch pad, a new area which you can type/paste JSON and format indefinitely using a button or key shortcut. To access type `json-viewer` + `TAB` + `scratch pad` ENTER This plugin is open source https://github.com/tulios Bugs and suggestions https://github.com/tulios/json-viewer/issues Contributors Thiago Pontes (@thiagopnts) @bluec0re @North101 Ben Hollander (@benhollander) Mehdi Bahrami (@mehdibahraami) Reimund Trost (@reimund) Ben van Enckevort (@benvan) License MIT License Any questions tweet me @tulios

4.5 out of 5 1.1K ratings Google doesn't verify reviews. Learn more about results and reviews.

Muhammad Hilal Aug 22, 2024

Don't even work, was trying on instagram.

Djole Aug 17, 2024

works well!

Tim Jul 24, 2024

Great and Simple

• Version 0.18.1
• Updated December 23, 2020
• Report a concern
• Offered by tulios
• Size 310KiB
• Languages English (United States)
• Developer Tulio Ornelas Tulegatan 12, app 1101 Stockholm 11353 Sweden Email [email protected]
• Non-trader This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

This developer declares that your data is

• Not being sold to third parties, outside of the approved use cases
• Not being used or transferred for purposes that are unrelated to the item's core functionality
• Not being used or transferred to determine creditworthiness or for lending purposes

DevTools: In-browser JSON viewer

• Chris Heilmann , PM, Microsoft Edge

Status of this feature

This is a proposal for a new feature that is not yet in development.

Currently when you navigate to a JSON file in Microsoft Edge, you get a basic text display of the document.

When navigating to an HTML document, and selecting “view source” you get a colour-coded display with line numbers instead.

We propose to replace that basic JSON view with a colour-coded, collapsible and expandable one.

We are currently investigating the overall browser performance impact of this, which is why the first implementation is what is shown in the screencast above.

As JSON files are data structures and users want to drill down into the data and analyse it in detail. This is a first step in this direction. In subsequent iterations we want to add more functionality like displaying header data and a raw view, saving and copying data and filtering the information.

This functionality will trigger automatically when the browser navigates to a JSON file on the web or the user opens a local one. Once we add more features you will also be able to interact with the JSON data in more detail.

Feature release plan

Current: JSON is being displayed as a collapsible tree with line numbers and colour coding in dark and light themes

Upcoming features in delivery order:

• Get a “slow” warning when the JSON is too big to render and an option to show it as plain text instead
• Get an “invalid” warning when the JSON payload is invalid
• Switch between the expandable tree view and the raw text view
• Copy the JSON payload with a button
• Download the JSON payload with a button
• Search/filter the JSON
• Expand and collapse all the nodes in the document
• Choose to display JSON in table format for array data that can be sorted/filtered
• Large JSON payloads will load the first 500K and then offer to stream the rest
• Choose to inherit themes from DevTools
• Set Raw or Tree display as a default
• Open JSON in Network Console

Have feedback? We want to hear it! Issue #87 tracks community feedback on this explainer.

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

A Safari Extension to view JSON in a simple and clean way on iOS and macOS

haneenmahd/JSONViewer

Folders and files, repository files navigation.

• Swift 52.5%
• JavaScript 24.0%