本节主要来讲一下,使用者在打开接口调试面板后,点击保存按钮,就会成功保存好,并且再次打开后,能显示出来呢?可能大家会觉得本节课没什么难度,就是简单的保存而已,但是实际上,本节是非常复杂的。因为接口的不同编码格式,我们保存起来的基本只有一个大字符串。要如何存储和展示是需要进行特殊设计的,类似 加密和解密,压缩和解压缩。
打开P_apis.html,先把取消功能写了:
如图在底部位置新增一个script,用来存放之后数个调试弹层的函数,请大家认真选好位置,因为本页面的后续div和script会非常非常多,如果不按照顺序和位置紧贴着写,很容易之后混乱,排查错误都费劲了
好,在这个script中写一个简单的funciton,作用为取消调试弹层,也就是不保存任何数据,直接隐藏该弹层。然后给取消按钮的onclick的属性写成这个ts_close函数。