浏览器控制台是代码调试,抓包的基础,可以通过F12或Fn+F12打开,现就几个常用的模块加以介绍
Network
Network是js调试的重点,从上到下依次为控制器,过滤器,数据流概览,请求列表,数据统计五部分
控制器:保留日志的作用是可以保存浏览器跳转之前的请求
过滤器:根据规则筛选内容,如XHR,JS,CSS等
请求列表:默认按时间排序,主要用于网络请求的查看和分析
Sources
Sources按列分成三列,从左至右依次是文件列表区、当前文件区、断电调试区
其中断点调试区非常重要,需要熟练掌握
Application
应用管理部分,主要记录网站加载的所有资源信息。
有时候调试的时候需要清楚cookie,于是可以在这个模块中操作
Console
此区域可用于审查DOM元素,调试代码,一般是通过console.log输出调试信息。在Console中也可以输出window、document、location等关键字查看浏览器环境,若对某函数使用了断电,可通过此方法调用该函数