View JSON file in Browser

Question

It is not a programming question  but need your views in few words   When we hit the JSON  url in Broswer  it asks us to save the file   Why this happens    Is there any way to view it on the page itself   Is there any addon available to view JSON file in browser

User · Answer

If there is a Content-Disposition  attachment reponse header  Firefox will ask you to save the file  even if you have JSONView installed to format JSON    To bypass this problem  I removed the header   Content-Disposition    null  with moz-rewrite Firefox addon that allows you to modify request and response headers https   addons mozilla org en-US firefox addon moz-rewrite-js   An example of JSON file served with this header is the Twitter API  it looks like they added it recently   If you want to try this JSON file  I have a script to access Twitter API in browser  https   gist github com baptx ffb268758cd4731784e3

User · Answer

Firefox 44 includes a built-in JSON viewer  no add-ons required   The feature is turned off by default  so turn on devtools jsonview enabled  How can you disable the new JSON Viewer Reader in Firefox Developer Edition

User · Answer

In Chrome  use JSONView to view formatted JSON     To view  local    json files  - after install You must open the Extensions option from Window menu  - Check box next to  Allow Access to File URLs  - note that save is automatic  i e  no explicit save necessary   Re-open the   json file and it should be formatted

User · Answer

I would also recommend to use Notepad   with json-view extension  You get the extension here  https   sourceforge net projects nppjsonviewer  Install and restart Notepad    Then open json-file in Notepad and go to  extensions -  Json-Viewer -   Format JSON  Then you habe the hierarchical view of json   You can also use one of the online-viewers  http   jsonviewer stack hu    https   jsoneditoronline org   which look nice  but I wouldn t recommend this if your data are sensitive in terms of privacy

User · Answer

If you don t want to install extensions  you can simply prepend the URL with view-source   e g  view-source http   content dimestore com prod survey data 4535 4535 json  This usually works in Firefox and Chrome  will still offer to download the file however if Content-Disposition  attachment header is present

User · Answer

Well I was searching view json file in WebBrowser in my Desktop app  when I try in IE still same problem IE was also prompt to download the file   Luckily after too much search I find the solution for it   You need to   Open Notepad and paste the following            HKEY CLASSES ROOT MIME Database Content Type application json       CLSID    25336920-03F9-11cf-8FD0-00AA00686F13        Encoding  hex 08 00 00 00      Save document as Json reg and then right click on file and run as administrator   After this You can view json file in IE and you Desktop WebBrowser enjoy

User · Answer

For Safari 12 and later  you can try the JSONBeautifier bookmarklet  Also works with other browsers  I created this because JSON Formatter for Safari stopped working in Safari 12  There are a few new options for Safari 12  but I didn t find an open source one in the App Store  and I do not trust closed source browser extensions  This can be used as a bookmarklet or the source  json-beautifier js  can be copied and pasted into the browser console  The code is freely available for review and is less than 100 lines of code including comments  Runs entirely on your device and never sends your data over a network  Works with local files too

User · Answer

json-ie reg  for IE   try this url  http   www jsonviewer com

User · Answer

Right click on JSON file  select open  navigate to program you want open with notepad   Consecutive opens automatically use notepad

User · Answer

I have the Content-Type of my JSON-printing CGIs set to text javascript   Works fine for both displaying in browser  e g  Firefox  and processing in script   Of course there s no syntax-highlighting in this case

User · Answer

In Chrome use JSONView or Firefox use JSONView

User · Answer

For Firefox s Bookmarks JSON files  use this excellent Bookmarklet   javascript  function   var E document getElementsByTagName  PRE   0  T E innerHTML i 0 r1 r2 t new Array   while    uri             g exec T   r1 RegExp  1 r2 RegExp  2 if   https    exec r2   t i         i      lt a href   r2   gt   r2   lt   a gt     with window open   document  for i 0 t i  i   write t i    lt br gt    close            Source   alterna  from forums Mozillazine org  http   forums mozillazine org viewtopic php p 5551705 p5551705

[javascript] View JSON file in Browser

Examples related to javascript

Examples related to json

Examples related to internet-explorer

Examples related to firefox

Examples related to google-chrome