yformater - chrome谷歌浏览器json格式化json高亮json解析插件
2015-12-21 20:41
1726 查看
yformater是一款chrome浏览器插件,用来格式化(高亮)服务端接口返回的json数据。
实际上小菜并不是第一个写这种插件的,但是现有的chrome json格式化插件实在是不太好用,索性小菜自己写一个,自己用的同时,分享给大家。
先说说为什么需要yformater,如果直接使用chrome浏览器访问api,我们看到的数据是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6ff1f10a3c0786f0ae70c8c01b8fa2dd.png)
这样的数据一般人分析不了,于是大多数读者会把它复制粘贴到某某在线json格式化工具上,然后才能继续分析。
而有了yformater之后,是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/d621e7e1243f8010e11a811e9668ad56.png)
完全不需要读者去做任何繁琐的操作,一键格式化json数据。
废话不多说,接下来直接概述yformater究竟有多么强大。
最基本的json格式化
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/c833b082f79b75fc7c5d8ea883024f74.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6aa618d7ae0b16d20060c29a632af3d6.png)
可折叠的json格式化
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/163ee8475eed2abaad05b8a227bd801c.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/72afb90d46b0c715dba4932d37562e2e.png)
从剪贴板格式化(NEW 2016年1月4日 v1.1)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/3732ee4f217b3b85e065ce838b461d8d.png)
此功能看似简单,但实际意义重大。
传统意义上的json格式化插件,局限于格式化已有的数据,一般情况下只能格式化接口返回的json字符串,但假如读者的json字符串不在浏览器中,它在某个文本文件中,或者在某个文章里,这时候传统浏览器插件就无能为力了,读者只能自己打开某某编辑器进行格式化,或者使用某某在线工具格式化。
yformater独具匠心,以剪贴板为纽带,提供一个浏览器插件与外界交互的通道,即简单,又实用。
因此,读者可以从任意位置复制一段json字符串,然后打开谷歌浏览器,新建一个标签页(实际上任意页面均可),然后[右键]--->[从剪贴板格式化json],yformater将呈现给读者优雅的json格式。
字符串智能选中
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/a06d6b02213249a319481b7dd7763ee6.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/c72bcdd900f1132f87738140443aaaa7.png)
单击字符串,自动选中整个字符串,一键选中,摆脱手动拖放选中。
快速访问相对链接
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/031159557d1cd61b37afac946ee6d379.png)
直接选中相对连接,右键访问,快捷访问相对资源,再也不用手动构造拼接相对链接。
复制带格式的json字符串
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/228fa969c9f62430e804f46c2dffc3c2.png)
快捷复制格式化之后的json字符串到剪切板,粘贴到其他编辑器中,自动带有缩进。
配对括号匹配
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/a97126272623e8690b4821d893fc9442.png)
点击括号,智能匹配其配对括号,将其高亮显示,便于分析json。
多种配色方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/5b39ec49273eea857ac1206664b19d24.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/54b37fc06f16102ddbc60f645a12ca45.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/34bfa0f664c71ca2b11781535b488d5a.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/63dfcae4da7ed1e35d6c10635042c300.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6a37457698bffe9ccd1b4f84f843e711.png)
众口难调,小菜特准备四种配色方案,任您选择。
心动不如行动,马上使用yformater!
yformater.crx 历史版本下载
去Chrome 网上应用店安装
附:
由于我朝基本把谷歌商店给废了,所以小菜直接提供crx文件下载。
crx安装方法很简单,直接拖放到扩展页面即可。
实际上小菜并不是第一个写这种插件的,但是现有的chrome json格式化插件实在是不太好用,索性小菜自己写一个,自己用的同时,分享给大家。
先说说为什么需要yformater,如果直接使用chrome浏览器访问api,我们看到的数据是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6ff1f10a3c0786f0ae70c8c01b8fa2dd.png)
这样的数据一般人分析不了,于是大多数读者会把它复制粘贴到某某在线json格式化工具上,然后才能继续分析。
而有了yformater之后,是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/d621e7e1243f8010e11a811e9668ad56.png)
完全不需要读者去做任何繁琐的操作,一键格式化json数据。
废话不多说,接下来直接概述yformater究竟有多么强大。
最基本的json格式化
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/c833b082f79b75fc7c5d8ea883024f74.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6aa618d7ae0b16d20060c29a632af3d6.png)
可折叠的json格式化
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/163ee8475eed2abaad05b8a227bd801c.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/72afb90d46b0c715dba4932d37562e2e.png)
从剪贴板格式化(NEW 2016年1月4日 v1.1)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/3732ee4f217b3b85e065ce838b461d8d.png)
此功能看似简单,但实际意义重大。
传统意义上的json格式化插件,局限于格式化已有的数据,一般情况下只能格式化接口返回的json字符串,但假如读者的json字符串不在浏览器中,它在某个文本文件中,或者在某个文章里,这时候传统浏览器插件就无能为力了,读者只能自己打开某某编辑器进行格式化,或者使用某某在线工具格式化。
yformater独具匠心,以剪贴板为纽带,提供一个浏览器插件与外界交互的通道,即简单,又实用。
因此,读者可以从任意位置复制一段json字符串,然后打开谷歌浏览器,新建一个标签页(实际上任意页面均可),然后[右键]--->[从剪贴板格式化json],yformater将呈现给读者优雅的json格式。
字符串智能选中
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/a06d6b02213249a319481b7dd7763ee6.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/c72bcdd900f1132f87738140443aaaa7.png)
单击字符串,自动选中整个字符串,一键选中,摆脱手动拖放选中。
快速访问相对链接
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/031159557d1cd61b37afac946ee6d379.png)
直接选中相对连接,右键访问,快捷访问相对资源,再也不用手动构造拼接相对链接。
复制带格式的json字符串
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/228fa969c9f62430e804f46c2dffc3c2.png)
快捷复制格式化之后的json字符串到剪切板,粘贴到其他编辑器中,自动带有缩进。
配对括号匹配
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/a97126272623e8690b4821d893fc9442.png)
点击括号,智能匹配其配对括号,将其高亮显示,便于分析json。
多种配色方案
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/5b39ec49273eea857ac1206664b19d24.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/54b37fc06f16102ddbc60f645a12ca45.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/34bfa0f664c71ca2b11781535b488d5a.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/63dfcae4da7ed1e35d6c10635042c300.png)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/6a37457698bffe9ccd1b4f84f843e711.png)
众口难调,小菜特准备四种配色方案,任您选择。
心动不如行动,马上使用yformater!
yformater.crx 历史版本下载
去Chrome 网上应用店安装
附:
由于我朝基本把谷歌商店给废了,所以小菜直接提供crx文件下载。
crx安装方法很简单,直接拖放到扩展页面即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201710/be961fabadf74cfa7e00d47b2172aeb4.png)
相关文章推荐
- Javascript的“上下文”(context)
- html转换成jsp格式文件
- JSLint检测javascript的错误提示
- 教你5种JSP页面显示为乱码的解决方法
- 轻松学习JavaScript二十三:DOM编程学习之操作表格
- HTML格式转JSON格式要注意的问题
- json_encode()方法设置不转义中文
- 成功解决JSP和Servlet的中文乱码问题
- js执行上下文(由浅入深)
- Chrome/FireFox处理JSON的插件
- javascript中的LHS与RHS
- javascript 将xml字符串转换成json对象
- 关于JS中的JSON
- html css js
- js控制文本框仅仅能输入中文、英文、数字与指定特殊符号
- js中奇怪的问题 同步ajax,modal遮罩层
- js window.onload 加载多个函数和追加函数
- Ext.js5表单—有真实的load,submit行为的表单(reader在json.xml中record的区别)(49)
- Javascript如何实现无限级菜单联动实例
- 关于分页,显示分页的页数<初学者心得,大神绕道>