JsonFormatter可以让开发者在浏览器查看接口的的层级信息,方便开发。
JsonFormatter的使用非常简单,安装即可自动生效,处理的效果也很明显,让json数据结构清晰可见。
https://v1.hitokoto.cn/?encode=json
原版 星星只有在夜里才璀璨夺目啊
扩展程序JsonFormatter处理后
数据结构顿时一目了然
2021-02-18 10.45.27
在网页插入以下代码
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<h2>经典台词</h2>
<div id="yiyan_hitokoto"></div>
<div id="yiyan_from" style="text-align: right">
</div>
<script>
jQuery.ajax({url:'https://v1.hitokoto.cn/'}).done(function(content,err){
console.log("content::", content, "err::", err);
if(err === "success"){
var yiyan_hitokoto = "";
var yiyan_from= "";
console.log("content22::", content, "err::", err);
yiyan_hitokoto = content.hitokoto;
yiyan_from ="--" + content.from;
console.log("=yiyan_hitokoto=>>", yiyan_hitokoto);
console.log("=yiyan_from=>>", yiyan_from);
jQuery("#yiyan_hitokoto").html(yiyan_hitokoto);
jQuery("#yiyan_from").html(yiyan_from);
}
})
</script>
最终效果为:
经典台词
每次刷新页面,都会自动更新内容
https://github.com/callumlocke/json-formatter
https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa
https://raw.githubusercontent.com/zhaoolee/ChromeAppHeroes/master/backup/095-json-formatter.zip
JsonFormatter几乎是开发必备的工具,没有什么附加功能,使用简单,轻量高效,功能够用。