JSON Formatter(json格式化) v0.6.0

json格式化插件介绍

JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。我们网站曾经介绍过几款json插件：jsonview、json-handle以及WEB前端助手(FeHelper)，使用这些插件，打开JSON页面，直接显示出格式化后的数据。非常直观。不用在进行别的操作。而我们今天要介绍的json formatter 插件是一款能格式化json代码，使得json代码页面变得便于阅读的chrome json格式化插件，安装了这款插件后需要为该插件添加允许访问文件网址的权限以自动允许插件功能，之后该插件将会为你打开的json网页文件自动执行代码格式化、树状折叠以及缩进等功能，欢迎免费下载。

JSON Formatter Chrome插件主要功能

1、JSON和JSONP支持
2、语法突出显示
3、可折叠的树木，带缩进指南
4、可点击的网址
5、在原始和解析的JSON之间切换
6、适用于任何有效的JSON页面，URL并不重要
7、同样适用于本地文件
8、您可以通过在控制台中键入“json”来检查JSON
9、注意：此扩展可能会与其他JSON萤光笔/美化器冲突，例如“JSONView”、“Pretty JSON”或“Sight”，在尝试此操作之前禁用该插件。

JSON Formatter Chrome插件使用方法

3、在未安装该插件前，打开json页面后就是一串干巴巴的代码。

4、安装之后该页面就变得有条理且便于阅读了。

JSON Formatter Chrome插件源码地址

github.com/callumlocke/json-formatter

FEATURES

   •   JSON & JSONP support

   •   Syntax highlighting

   •   Collapsible trees, with indent guides

   •   Clickable URLs

   •   Toggle between raw and parsed JSON

   •   Works on any valid JSON page – URL doesn't matter

   •   Works on local files too (if you enable this in chrome://extensions)

   •   You can inspect the JSON by typing "json" in the console

(Note: this extension might clash with other JSON highlighters/beautifiers, like ‘JSONView’, ‘Pretty JSON’ or ‘Sight’ – disable those before trying this.)

Try it out on these URLs:

http://graph.facebook.com/coca-cola?callback=whatever

http://gdata.youtube.com/feeds/api/standardfeeds/most_popular?alt=json&v=2

http://feeds.delicious.com/v2/json/popular?callback=hello

PRO TIP

Hold down control (or cmd on Mac) while collapsing a tree if you want to collapse all its siblings too.

PRIVACY

No tracking, no advertising, and nothing else nefarious.

SOURCE CODE

github.com/callumlocke/json-formatter

BUGS/SUGGESTIONS

github.com/callumlocke/json-formatter/issues

QUESTIONS

twitter.com/callumlocke

json格式化插件安装

1、在打开的谷歌浏览器Chrome的扩展管理器（方法：点击最左侧的三个点，在弹出的菜单中选择【更多工具】-【扩展程序】，或者你可以在地址栏中直接输入chrome://extensions/）

2、进入扩展程序页面后将开发者模式打勾

3、最后将解压出来的json格式化.crx离线文件拖入到浏览器中即可安装添加（安装前可以确认插件版本是否为v0.6.0）

4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装

5、安装好后即可使用，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。