BUG调试方法
一、前端调试
- 打开浏览器,输入本地测试地址,打开网站,按F12打开浏览器自带的调试工具
第一个图标可以通过在界面中选中元素找到对应的html代码,
第二个图标可以切换浏览器的移动端模式
Element指html文本
Console是js控制台,js的测试输出在此,js报错也在此
Sources是加载的前端文件,可通过刷新网站,点击等加载新页面,从而定位到该页面在项目的位置,也可在此设置断点,排除bug
右上角x的下面图标表示可以调整调试窗口在浏览器的吸附位置
后端调试
- 后台处理逻辑调试
通过在IDE输出进行调试 - 前后台数据传递
先在前端控制台输出所传数据是否正确,再在IED中输出所获取数据是否和前端传输数据一致 - 多级和复杂循环可以使用IDE断点进行调试
具体操作方法后续补充