json整形ツール作ってみた。はてなブログって超便利。

chromeで動く簡易jsonパーサー*1

jsonを整形して簡易的に表示して確認するWEBサービスがネットですぐ見つかるけども、見ず知らずのサーバにPOSTして整形してるのに嫌気がさして仕事を5分ほど中断して作ってみた。

はてなブログ超便利。

json整形ツール




ソース

<script type="text/javascript">
function henkan(){
  try{
    var text = document.getElementById("txt").value;
    var obj = JSON.parse(text); 
    document.getElementById("result").innerHTML = JSON.stringify(obj, null, "    ");
  } catch(e){
    document.getElementById("result").innerHTML = e.message;
  }
}
</script>

<textarea id="txt" placeholder="json文字列を入力" style="width:100%">
{"hoge":[1,2,3], "huga":[{"hoge":"hoge", "huga":"huga"}, {"hoge":"huhu","huga":"uhyohyo"}]}
</textarea>

<button onclick="henkan();return false">変換</button>

<pre id="result"></pre>

参考

JSON.stringifyでオブジェクトをいい感じに整形できるぞ

*1:IE10でも動いたよ。