微信开发者工具如何debug测试前端代码

1、我们打开微信开发者工具

2、在url输入框中输入需要调试的微信的连接

3、此时调用哪些相应的js，css等都会在相应地方显示出来

4、可以在右侧打开js，直接点击相应行数的，行数背景变蓝，就表示次数打了个断点

5、如果有请求进行到这里的时候，就会被拦截，然后可以点击f10进行向下一行一行的调试

6、我们也可以在此处增加相应的js代码，然后保存就行，下次触发请求的时候，就可以执行相应的代码逻辑

7、点击network，可以看到点击相应的按钮调用的接口有哪些