以前的JavaScript调试非常困难,我们一般都是通过打印信息弹窗进行提示,如今Chrome推出的JavaScript调试工具developtools,可以非常方便的调试JavaScript,下边简单介绍下调试相关:

WebRTC入门与实战 --- JavaScript基础知识回顾与代码调试

Elenents:页面中的元素
WebRTC入门与实战 --- JavaScript基础知识回顾与代码调试
 

Console:便于调试,比如修改代码变量值达到不同的目的等

WebRTC入门与实战 --- JavaScript基础知识回顾与代码调试
 

Source:重点,从服务端获取的JavaScript或者页面都可以通过Source看到,如上图,当我点击js的时候中间内容区就是我们js                  的源码,我们可以设置断点,右边的区域我们可以进行调试控制的结果观察,内容最下边的花括号{}可以代码格式化

WebRTC入门与实战 --- JavaScript基础知识回顾与代码调试
 

Network:网络请求和网络响应等
WebRTC入门与实战 --- JavaScript基础知识回顾与代码调试
Performance:性能分析
Memory:内存占用情况

 

相关文章:

  • 2021-11-05
  • 2021-09-23
  • 2021-07-31
  • 2021-08-26
  • 2021-05-02
  • 2021-06-12
  • 2021-12-24
猜你喜欢
  • 2021-06-18
  • 2021-09-06
  • 2022-12-23
  • 2021-08-31
  • 2021-08-18
  • 2021-11-18
  • 2021-10-17
相关资源
相似解决方案