调试代码的思路

总结下当代码出错时，我的解决思路，也参考了网上一些大神的意见的

简单情况

• 对于简单的报错信息

  利用调试工具的提示：xxxx行出现什么什么错误。则定位到提示的出错的位置检查代码

• 简单情况下：直接报告 js 语法错误

根据提示的语法错误进行修改

复杂一点

1.化繁为简：删除排除法
表现：莫名的报错，不方便调试，单纯看代码看不出原因
可能原因：JS脚本冲突，CSS冲突，DOM的id冲突，dom标签丢失
方法： 排除法
对代码划分区域，一步步删除，直到报错消失，最后一次删除的区域就很有可能是错误所在的根源。
再进一步在这个区域 缩小范围继续用删除法
注：对JS是以库，或者功能，类等为单位来删除；对HTML结构一般是从小的开始，由内及外；对CSS的话按照CSS文件，比如根据定义的class为单位来删除。
好处： 可以很好的确定错误是JS造成的 ，还是CSS造成的

2.监控法：用浏览器的调试工具
表现：对于可以基本定位的错误
方法：

• 直接控制台console.log
• 加断点 可以尝试在报错命令行前面加断点 可根据后面的反馈

3. 如果还找不出原因的话，那可能是代码本身逻辑出错
1.细化功能点来修改代码 每次只修改一个地方，每次修改一次就测试一次，直到找到错误的关键代码
2.如果有部分浏览器不一样或者出错的话，一般会是兼容造成的
如果自己还没接触过的话，就去Google 或者Baidu

https://blog.youkuaiyun.com/jhts95559/article/details/50426640
https://blog.youkuaiyun.com/zwt520123/article/details/80374952

调试工具：
Chrome的devtool(浏览器自带的开发者工具)
开发调试线上代码的工具：Fiddler 和 抓包工具 Charles
https://www.jianshu.com/p/fdd7c681929c
https://www.cnblogs.com/snandy/p/4934944.html