插件介绍
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
浏览器插件安装详细步骤:Chrome浏览器如何安装插件扩展