console.log
大家平常用的大概 就是 console.log ,打印各种各样的日志。
打印的过程中,如果日志非常非常多的话,就要考虑眼花缭乱的问题了。console log ,也是有级别的。
- error:错误日志,指比较严重的错误,对正常业务有影响,需要运维配置监控的
- warn:警告日志,一般的错误,对业务影响不大,但是需要开发关注
- info:信息日志,记录排查问题的关键信息,如调用时间、出参入参等等
- debug:用于开发 DEBUG 的,关键逻辑里面的运行时数据
- trace:最详细的信息,一般这些信息只记录到日志文件中
我们来查看一下几种打印的截图
除了 error 和 trace,看起来区别特别小对吧
但是,我们平常忽略了最常见的地方,即:
如上所说,我们在一些打印日志的时候,日志非常多,非常不便于查看,那么我可以通过这种方式来进行查看指定级别的日志
调节网速
大家肯定会遇到一个问题,那就是 如果不使用 promise 的情况下,有些时候本地 请求没有问题,一到test或者线上就有问题了,为什么呢??
即: 代码的执行顺序不同,会影响代码的执行问题。
当然,我非常建议使用 promise 或者 async/await 来解决问题,但是现在,我们想模拟各种网络的情况下的使用反馈
依次为
- 快速
- 慢速
- 正常
有兴趣的可以试试,这样你可以看到你的网站在不同网络下的反馈
记录上一次的 请求 日志
这个就非常简单了,不继续描述
开启后,尽管你在刷新,也会留下 网络请求记录,就不用为 重定向导致的问题 ,而无法调试烦恼了
禁用缓存/查看资源/调试具体的iframe框
模拟我们的网络请求
大概大家经常会用到,就是请求的时候,我们会发现,我想调试这个接口怎么办。
那我们常见的操作,即会复制参数 、复制链接,然后到 POSTMAN 中去。
我们可以换种方式来实现
导入POSTMAN
又或者重试请求
其他
当然,控制台提高我们效率的东西还有很多,等待大家发现。
有更好的建议,大家可以和我说,我加进去
以上的图片 有从 edge 或者 google浏览器 中来的