在浏览器中查看JSON文件

时间:2012-03-27 11:39:40

标签: javascript json internet-explorer firefox google-chrome

这不是一个编程问题,但需要用几句话来表达你的意见。

当我们点击Broswer中的JSON网址时,它会要求我们保存该文件。 为什么会这样? 有没有办法在页面上查看它? 是否有可用于在浏览器中查看JSON文件的插件?

12 个答案:

答案 0 :(得分:34)

在Chrome中使用JSONView 或Firefox使用JSONView

答案 1 :(得分:14)

如果您不想安装扩展程序,只需在view-source:前添加网址,例如view-source:http://content.dimestore.com/prod/survey_data/4535/4535.json。这通常适用于Firefox和Chrome(如果存在Content-Disposition: attachment标题,仍会提供下载文件)。

答案 2 :(得分:4)

在Chrome中,使用JSONView查看格式化的JSON。

查看" local" * .json文件: - 安装后您必须从“窗口”菜单中打开“扩展”选项。 - 复选框"允许访问文件URL" - 请注意保存是自动的(即无需显式保存)

重新打开* .json文件,应格式化。

答案 3 :(得分:3)

Firefox 44包含一个内置的JSON查看器(不需要加载项)。默认情况下该功能已关闭,因此请启用devtools.jsonview.enabledHow can you disable the new JSON Viewer/Reader in Firefox Developer Edition?

答案 4 :(得分:1)

json-ie.reg. for IE

试试这个网址

http://www.jsonviewer.com/

答案 5 :(得分:1)

我正在我的桌面应用程序中搜索WebBrowser中的查看json文件,当我在IE中尝试时仍然存在相同问题IE也提示下载该文件。 幸运的是,经过太多的搜索,我找到了解决方案。

你需要: 打开记事本并粘贴以下内容:     

    [HKEY_CLASSES_ROOT\MIME\Database\Content Type\application/json]
    "CLSID"="{25336920-03F9-11cf-8FD0-00AA00686F13}"
    "Encoding"=hex:08,00,00,00
    
将文档另存为Json.reg,然后右键单击文件并以管理员身份运行。

之后您可以在IE中查看json文件,桌面WebBrowser可以享受:)

答案 6 :(得分:0)

我将JSON打印CGI的Content-Type设置为text/javascript

适用于在浏览器中显示(例如Firefox)和在脚本中处理。

当然,在这种情况下没有语法突出显示。

答案 7 :(得分:0)

对于Firefox的Bookmarks JSON文件,请使用这个优秀的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)+']:<a href='+r2+'>'+r2+'<\/a>';}}with(window.open().document){for(i=0;t[i];i++)write(t[i]+'<br>');close();}})();

来源:来自forums.Mozillazine.org的“alterna”: http://forums.mozillazine.org/viewtopic.php?p=5551705#p5551705

答案 8 :(得分:0)

如果有Content-Disposition: attachment响应标头,Firefox会要求您保存文件,即使您安装了JSONView以格式化JSON。

为了绕过这个问题,我删除了标题(&#34; Content-Disposition&#34;:null)和moz-rewrite Firefox插件,允许你修改请求和响应标题https://addons.mozilla.org/en-US/firefox/addon/moz-rewrite-js/

使用此标头提供的JSON文件示例是Twitter API(看起来他们最近添加了它)。如果您想尝试这个JSON文件,我有一个脚本可以在浏览器中访问Twitter API:https://gist.github.com/baptx/ffb268758cd4731784e3

答案 9 :(得分:0)

我还建议您将Notepad ++与json-view扩展名一起使用。您可以在此处获得扩展名:https://sourceforge.net/projects/nppjsonviewer/ 安装并重新启动Notepad ++。 然后在记事本中打开json文件,并转到“扩展名-> Json-Viewer->设置JSON格式。然后您将拥有json的分层视图。

您还可以使用看起来不错的在线查看器之一(http://jsonviewer.stack.hu/https://jsoneditoronline.org/),但是如果您的数据在隐私方面很敏感,我不建议您这样做。

答案 10 :(得分:0)

对于Safari 12及更高版本,您可以尝试使用JSONBeautifier小书签。也可以与其他浏览器一起使用。

我之所以创建它,是因为JSON Formatter for Safari停止了在Safari 12中的工作。Safari 12有一些新选项,但是我在App Store中找不到开放源代码,因此我不相信封闭源代码浏览器扩展程序。

这可以用作书签,也可以将源json-beautifier.js复制并粘贴到浏览器控制台中。该代码可免费查看,并且少于100行代码(包括注释)。完全在您的设备上运行,永远不会通过网络发送数据。

也可以处理本地文件。 ?

答案 11 :(得分:-1)

右键单击JSON文件,选择打开,导航到要打开的程序(记事本)。连续打开会自动使用记事本。