搭建Json在线格式化站点

前言

周末闲来无事,想到了想搭建一个格式化Json数据的工具,最好能到处可以使用。首选搭建一个在线的站点,完全满足要求。

步骤:

  1. 下载站点资源
  2. 修改编辑资源路径及跳转的url
  3. 搭建访问站点环境
  4. 访问验证/浏览器兼容

开始

Google了一把选择Json.cn为仿制模版,

下载站点资源

3867E41F-96B1-4BF7-85EF-8DF0FEA2AFE0.png

修改编辑资源路径及跳转的url

搭建访问站点环境

配置域名

服务器配置 nginx

server {
        listen   80;
        server_name json.19ba.cn;
        root /storage/www/19ba.cn/json.19ba.cn;

        location / {
            index index.html;
        }
    }

访问验证/浏览器兼容

访问验证

49A4D180-F130-4C5B-BFCC-891B29F52743.png

chrome 与 Safari 转化为Json转Xml窗体显示有bug

修改index.html

原:

$('#json-target').html('<textarea style="width:100%;height:100%;border:0;resize:none;">'+result+'</textarea>');
修正后:
$('#json-target').html('<textarea style="width:100%;height:500px;border:0;resize:vertical;">'+result+'</textarea>');

效果

2017-03-19 22_12_20.gif

标签: json

添加新评论