关于javascript:在浏览器中查看JSON文件

View JSON file in Browser

这不是编程问题,但只需几句话就可以得出您的看法。

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


在Chrome中使用JSONView
或Firefox使用JSONView


如果您不想安装扩展程序,则只需在URL前面加上view-source:,例如view-source:http://content.dimestore.com/prod/survey_data/4535/4535.json。这通常在Firefox和Chrome中有效(但是,如果存在Content-Disposition: attachment标头,仍将提供下载文件的功能)。


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

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

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


Firefox 44包含一个内置的JSON查看器(无需附加组件)。该功能默认情况下处于关闭状态,因此请打开devtools.jsonview.enabled
如何在Firefox开发人员版中禁用新的JSON Viewer / Reader?


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

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

1
2
3
    [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文件,并且您的Desktop WebBrowser可以享受:)


1
json-ie.reg. for IE

试试这个网址

1
http://www.jsonviewer.com/

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

我之所以创建它,是因为Safari的JSON格式化程序在Safari 12中停止工作。Safari 12有一些新选项,但是我在App Store中找不到开源的选项,而且我不信任封闭源浏览器扩展。

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

也可以使用本地文件。 ??


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

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


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

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

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


对于Firefox的书签JSON文件,请使用以下出色的书签:

1
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)+']:'+r2+'<\\/a>';}}with(window.open().document){for(i=0;t[i];i++)write(t[i]+'');close();}})();

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


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

无论是在浏览器(例如Firefox)中显示还是在脚本中处理,都可以正常工作。

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


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