Skip to content

hermitdave/json-formatter-edge

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JSON Formatter

Microsoft Edge extension for rendering JSON and JSONP nicely when you visit it 'directly' in a browser tab.

Features

  • JSONP support
  • Fast, even on long pages
  • Works on any valid JSON page – URL doesn't matter
  • Syntax highlighting
  • Collapsible trees, with indent guides
  • Clickable URLs
  • Buttons for switching between raw and parsed JSON
  • Parsed JSON is exported as a global variable, json, so you can inspect it in the console

A background worker is used to prevent the UI freezing when processing very long JSON pages.

Installation

Option 1 – Sideloading Edge Extensions:

  • clone/download this repo,
  • open Edge and go to about:flags,
  • check "Enable extension developer features (this might put your device at risk)",
  • Restart Edge browser",
  • Open extensions page and click Load extension.
  • Navigate to the extension directory of this repo and click Select Folder.
  • If JSON isn't being parsed, please check that the extension is enabled.

Some URLs to try it on:

FAQ

Why are large numbers not displayed accurately?

This is a limitation of JavaScript (and therefore JSON). The largest possible number is Number.MAX_SAFE_INTEGER, or 9007199254740991. If you try to use a number larger than this in JavaScript/JSON, you'll lose accuracy.

The idea of JSON Formatter is to show you how the computer sees your JSON, so we don't attempt to circumvent this limitation, otherwise that would give a misleading representation of your data. It's better to see exactly what V8 sees.

If you want to use long sequences of digits in your JSON, then quote them as strings.

Why are object keys sometimes in the wrong order?

What you see in JSON Formatter is a representation of the parsed object/array. You see what V8 sees.

Plain JavaScript objects are unordered collections of properties. If you go through them with for...in, for example, there is no guarantee of any particular order. In practice, most engines maintain the order in which the keys were first declared, but V8 moves any numeric keys (e.g. "1234") to the front, for a small performance gain. This was a controversial issue – a lot of people think it sucks that you can't predict key enumeration order in Chrome – but the V8 team refused to 'fix' it, because it's not a bug, and they're right. If you want your values to be in a certain order, and you're relying on the non-standard key-ordering logic of a particular engine, then your code is broken. Restructure your data to use arrays.

But I just want it to be in order for readability

That would require manually parsing the JSON string with regular expressions (instead of using JSON.parse), which would be too slow. And it's not a good idea to go down the road of representing the data differently from how the engine actually sees it.

About

Makes JSON/JSONP easy to read.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 95.2%
  • CSS 4.6%
  • Other 0.2%