如何开发一个vconsole插件

2020-11-21

今天小组周会时，大家聊到移动端调试工具怎么触发较好。

在app内访问一个h5页面，怎么呼出vconsole的绿色按钮，因为市面上也没看到什么好的方案，最后的讨论结果是在页面空白区域快速点击几下就能呼出，觉得这个方案还可以。

我想起来几年前移动端刚兴起的时候，我们也摸索着做h5页面，那时还没有vconsole这种移动端的调试工具。

当时也手写过一个包含 ajax拦截，dom展示，cookie展示的小插件。

主要说说ajax拦截，让页面打印出请求相关的信息。

所谓拦截，就是做一层包装。

1，把原来的函数赋值给变量originfun = ajax.send

2，这个时候可以修改ajax.send

ajax.send=function(){

//do sth

console.log('这里可以下拦截的逻辑，输出请求信息')

oringinfun.apply(xhr,arg) //执行原来的逻辑，

}

完