Fiddler抓包与F12的区别

相同点：均可对HTTP请求进行分析

不同点：

（1）F12只能对Web进行抓包，Fiddler既可以对Web应用进行抓包，也可以对客户端及App进行抓包；

（2）F12无法篡改请求数据，而Fiddler可以；

（3）F12可以在Console中输入部分指令，方便查看前端数据，可通过Application方便查看一些请求数据，尤其涉及到登录或邀请相关的知识；

（4）Fiddler可以模拟弱网测试，而F12不可以；

（5）Fiddler可以模拟重定向，而F12不可以；

（6）Fiddler可以模拟其他IP访问（如境外IP地址等），而F12不可以；

（7）Fiddler可以模拟简单的接口测试，而F12不可以；

F12常用功能介绍：

元素（Elements）：用于查看或修改HTML元素的性情、CSS属性、监听事件、断点等；

控制台（Console）：记录前端Javascript对象、log信息、异常信息；

网络（Network）：与网络相关的接口请求响应和网络传输等；

源代码（Sources）：查看网页的源代码HTML代码、JS代码、CSS代码，可以直接修改代码进行前端测试；

性能（Performance）：监控该网页的性能各种指标信息；

内存（Memory）：记录页面跟随时间的内存使用情况；

存储（Application）：查看一些本地存储、会话存储、已索引数据库、Cookie、缓存等；

安全（Security）：调试当前网页的安全和认证等问题；