程序员必须掌握chrome浏览器中F12的请求过滤技巧:
前后端程序员对一个不熟悉的系统进行业务梳理的时候,需要通过chrome浏览器按F12去查看当前页面都调用了后台的那些请求。
F12的开发工具常用的有四个功能模块,元素Elements,控制台Console,源代码Sources,网络Network
1.Elements:查看网页元素,更改元素或者样式
2.Console:控制台程序,js调试用的
3.Sources:查看源文件的,可以打断点调式
4.Network:查看网络请求:
重点讲一下如何过滤网络请求:
Network下有一个filter的输入框,
1.如果想查找某个请求,直接在里面输入关键字就可以
2.如果想查找.css文件,就在输入框里输入.css
3.如果想过滤带关键字的请求,用-(中划线),-(中划线)的意思是取反的意思,就是过滤掉它。
当我们查看请求的时候,有那种轮询的请求带count的,我们想过滤掉它,就输入-count即可。
想过滤掉请求中带css的文件,就输入-css即可。