JSON Formatter

CINDY 0人评论 33751次浏览 Chrome开发者工具插件
摘要 : JSON Formatter是一款能格式化json代码,使得json代码页面变得便于阅读的chrome json格式化开源插件。

JSON Formatter Chrome插件开发背景

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

JSON Formatterlogo图片

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插件使用方法

1.离线安装JSON Formatter插件的方法参照:hrome插件的离线安装方法最新chrome浏览器下载地址:http://chromecj.com/category/chrome/。


3、在未安装该插件前,打开json页面后就是一串干巴巴的代码。
JSON Formatter Chrome插件使用方法
4、安装之后该页面就变得有条理且便于阅读了。

JSON Formatter图片

JSON Formatter Chrome插件源码地址

github.com/callumlocke/json-formatter

JSON Formatter下载地址

点击下载JSON Formatter

转载必须注明来自: Chrome插件 » JSON Formatter

PHP Console

PHP Console

1 人评论 37390 次人浏览 4.0分 4.0 分
PHP Console是一款可以帮助PHP开发者,以Chrome浏览器为媒介输出PHP调试信息的谷歌浏览器插件。
JSONView

JSONView

0 人评论 89572 次人浏览 2.6分 2.6 分
JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。
WEB前端助手(FeHelper)

WEB前端助手(FeHelper)

0 人评论 39579 次人浏览 4.0分 4.0 分
FE助手:包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成与解码、编码规范检测、页面性能检测、页面取色、Ajax接口调试
GitHub File Icon

GitHub File Icon

1 人评论 5452 次人浏览 4.0分 4.0 分
GitHub File Icon是一款可以改善GitHub 现有的档案系统呈现样式,使它更容易被用户阅读的chrome插件。
Vue.js devtools

Vue.js devtools

3 人评论 79994 次人浏览 4.6分 4.6 分
Vue.js开发者工具是一款适用于chrome浏览器和Firefox浏览器的浏览器插件。
React Developer Tools

React Developer Tools

2 人评论 34891 次人浏览 4.1分 4.1 分
React Developer Tools是一款由facebook开发的一款非常好用的chrome调试插件。
XPath Helper

XPath Helper

5 人评论 91565 次人浏览 3.4分 3.4 分
XPath Helper可以支持在网页点击元素生成xpath,整个抓取使用了xpath、正则表达式、消息中间件、多线程调度框架的chrome插件。
JetBrains IDE Support

JetBrains IDE Support

0 人评论 33572 次人浏览 3.7分 3.7 分
JetBrains IDE Support是一款webstorm网页开发调试工具,支持HTML/CSS/JavaScript编辑和JavaScript调试。
JSON-handle

JSON-handle

3 人评论 42052 次人浏览 4.7分 4.7 分
JSON-handle是一款对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。
XPath Helper Wizard

XPath Helper Wizard

0 人评论 5837 次人浏览 3.3分 3.3 分
XPath Helper Wizard是一个可以创建XPath查询选择类似的元素并且返回可视化结果的chrome插件
Sourcegraph:轻松浏览和搜索Github上的代码

Sourcegraph:轻松浏览和搜索Github上的代码

1 人评论 17734 次人浏览 4.0分 4.0 分
Sourcegraph是一款可以为 Github 上的代码添加了即时文档和类型提示,并为每一个标识符添加了跳转到定义处的链接的Chrome 扩展,它允许你像使用一个很好的IDE 那样浏览源代码。
极简Json格式化

极简Json格式化

0 人评论 18759 次人浏览 3.3分 3.3 分
极简Json格式化是一个非常简单的Chrome插件,用于将JSON接口返回值格式化成可读方式。
JSON Viewer

JSON Viewer

0 人评论 20809 次人浏览 3.7分 3.7 分
JSON Viewer是最漂亮的、可定制的JSON/JSONP荧光笔高亮插件,用于打印JSON和JSONP。
图文详解vue.js devtools使用方法

图文详解vue.js devtools使用方法

0 人评论 15561 次人浏览 2.0分 2.0 分
本文主要介绍Vue.js devtools使用方法,提供chrome插件直接安装和源代码安装两种方法,你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。
Header Editor

Header Editor

0 人评论 23808 次人浏览 3.1分 3.1 分
Header Editor是一款管理浏览器请求的Chrome扩展,包括修改请求头和响应头、重定向请求、取消请求。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?