【接口工具ApiPost】响应（5）

响应面板示例如下图：

一. 实时响应

1. 美化
   

2. 原生

3. 预览
   

4. 断言
   

5. 可视化
   
   从ApiPost V5.3.1版本开始，我们在后执行脚本中新增了apt.Visualizing(template, obj) 方法，用于实现响应可视化。以上效果的实现代码如下（放到接口的后执行脚本）

参考代码如下：

let template=` 
<h1>{{title}}</h1>
<table>
<tr>
   <td>Msg</td>
   <td>token</td>
</tr>
<tr>
    <td>{{json.msg}}</td>
    <td>{{json.data.token}}</td>
</tr>

</table>` // 定义展示模板
// 传入展示数据并可视化展示。其中 response.json的意思是返回的json，具体可以下文。
apt.Visualizing(template, {title:"可视化演示", json:response.json}) 

参考:https://mp.apipost.cn/a/bf608b95fc5da479

6. 复制按钮
   

7. 搜索
   

二、请求头

三、响应头

四、Cookie

五、成功响应示例

1. 从现有响应导入
   当前值：

{
	"code": 10000,
	"msg": "success",
	"data": {
		"token": "a7e3c1a5d544ed3f6a71dd1c4d0891fa"
	}
}

成功响应示例保存值：

{
	"code": 10000,
	"msg": "success",
	"data": {
		"token": "e956a9662d29a6cdea79f9c6f4f5d401"
	}
}

然后点击“从现有响应导入“，结果如下图：

与当前响应值一致，即可保存为成功示例成功！

2. 提取字段和描述
   

3. 美化：格式化响应数据

4. 简化（？暂时不明）

六、错误响应示例（与五雷同）

七、响应时间

八 、响应码

九、响应耗时

十、响应数据大小

十一、网络

十二、下载响应数据

自研产品推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具，由于开发人力就作者一个所以人力有限，因此v1.0.0版本功能进行精简，大功能项有：

• api参数填写
• api请求响应数据展示
• PDF形式的分享文档
• Mock本地化解决方案
• api列表数据本地化处理
• 再加上UI方面的打磨

为了更好服务大家把之前的公众号和软件激活结合，如有疑问请大家反馈到公众号即可，下个版本30%以上的更新会来自公众号的反馈。
嗯！先解释不上服务端原因，API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具，所以作者结合自己十多年开发使用的一些痛点来打造的，再加上服务端开发一般是面向企业的，作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后，至于什么时候会进行开发，这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了，但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤！
下面是一段smartApi使用介绍：

下载地址：

https://pan.baidu.com/s/1iultkXqeLNG4_eNiefKTjQ?pwd=cnbl