A Firefox Extension that allows you to format JSON in browser. Unlike other formatters, Jipy does not rely on the whole page being returned as JSON. Jipy works by let you choose the portion of text that you want to format. This allows you to format any embeded JSON.

https://addons.mozilla.org/en-US/firefox/addon/jipy/

1. Highlight the portion you want to format (whole or partial)
2. Format
   • Use hotkey (Alt+F),(Alt+Shift+F)
   • Use context menu (Right-Click > Format JSON)
   • Use extension button (located at top right corner)
3. Enjoy!

• Format JSON (Alt+F) -> format JSON like we normally would
• Format Escaped JSON (Alt+Shift+F) -> format JSON as well as iterate over each value and format it if applicable

Consider this JSON as our input:

{"hello": "world", "embeded": "{\"hello\":\"world\"}"}

Format JSON yields

{
   "hello": "world",
   "embeded": "{\"hello\":\"world\"}"
}

Format Escaped JSON yields

{
   "hello": "world",
   "embeded": {
      "hello": "world"
   }
}

Jipy uses highlight portion as its guideline. If it is a valid json, Jipy will format that portion. If it isn't Jipy will try to extract JSON(s) from that DOM.

Like the project? buy me a couple of 🍻!