• Fiddler学习笔记


     一、Fiddler的工作原理

    它在客户端与服务器之间创建了一个代理服务器。

    通过设置浏览器的代理服务器为:127.0.0.1:8888 来截获发出的请求。(在安装完Fiddler之后一般是不需要手动设置代理服务器才对,但是我在360浏览器中,必须要配置代理服务器后Fiddler才会去监视,而Chrome大概是由于以前装过红杏,Fiddler也没有去监视,在取消了Chrome的代理服务器后重启Fiddler此问题解决)

    二、Fiddler的代理模式

    1、流模式:实时返回(更接近浏览器本身的行为)
    2、缓冲模式:请求的所有数据都准备好后才返回

    通过工具栏上的Stream按钮切换这两种模式

    三、开发环境的host配置

    TOOLS→HOSTS,然后勾选enable 

    四、配置左侧会话列表使显示服务器web环境和服务器IP地址

    Rules→Customize Rules

    找到main函数,在里面添加以下代码:

    // 显示服务器web环境
    FiddlerObject.UI.lvSessions.AddBoundColumn("Server", 50, "@response.server");
    // 显示服务器IP地址
    FiddlerObject.UI.lvSessions.AddBoundColumn("HostIP", 50, "x-hostIP");

    五、前后端接口调试

    右侧面板的Composer(选中一个请求,然后将请求拖到Composer面板,修改请求参数,点击Execute)


    六、线上bug修复

    右侧面板的AutoResponder(本地文件代理)

    选中一个请求,将它拖到AutoResponder面板,选中要替换的本地文件或者http响应状态码

    七、右侧面板的Inspectors

    (对请求解包,如果TextView中出现乱码,可以在注册表编辑器中找到HKEY_CURRENT_USERSoftwareMicrosoftFiddler2,右键新建字符串值  设置HeaderEncoding  的值为GB18030)

    八、插件

    插件列表下载地址:http://www.telerik.com/fiddler/add-ons

    1)FiddlerScript Editor插件安装完后可以在右侧面板看到FiddlerScript的选项卡。

    在其OnBeforeRequest 方法中,可以设置请求前的延迟:

    //请求前延迟
    //oSession["request-trickle-delay"]="10000";
    

    在其OnBeforeResponse方法中,可以设置响应前的延迟:

    //响应前延迟
    //oSession["response-trickle-delay"]="10000";
    

    设置延迟可以用来模拟网速不佳的情况= = 还有一个第三方插件willow,可以很方便的管理host配置和请求限速,但是我安装后Fiddler一直报错。。。 
    2)JavaScript Formatter这个插件,安装完后右键请求,可以看到右键菜单有一个Make Javascript Pretty的选项,点击后右侧面板上查看Inspectors下的SyntaxView,js代码就被美化显示了。

  • 相关阅读:
    变量的解构赋值
    vue-progressbar 知识点
    <script>标签里的defer和async属性 区别(待补充)
    管理node.js版本的模块:n
    node 知识点
    让node支持es模块化(export、import)的方法
    jvm 知识点
    前端 术语
    js的严格模式
    commonJS、AMD、es模块化 区别(表格比较)
  • 原文地址:https://www.cnblogs.com/qianlegeqian/p/3922433.html
Copyright © 2020-2023  润新知