现在的位置: 主页 > 在线留言 > 文章列表

使用Fiddler提高前端工作效率 (介绍篇)

作者:石家庄绿之洲商贸有限公司 来源:www.365tt315.com 未知发布时间:2017-09-08 23:10:18
使用Fiddler提高前端工作效率 (介绍篇) 1. Fiddler 是什么? Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅。

Fiddler是以代理服务器的方式,监听系统的网络数据流动。运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,站群软件,甚至还可以修改发送和接收的数据。Fiddler还提供了清除IE缓存、请求构造器、文本转换工具等等一系列工具,对前端开发工作很有价值。

2. 下载和安装Fiddler

  • 安装.net framework 2.0以上版本
  • 从官方网站免费下载Fiddler。
  • Firefox中用Fiddler,可以下载一个插件:Fiddler开关

    3. Fiddler的界面和功能 列表

    左侧是数据列表,以不同的图标区分数据类型和状态,以下是图标对应的含义:

    正在将请求数据发往服务器

    正在从服务器下载返回数据

    请求过程中暂停

    返回过程中暂停

    请求中使用了HTTP HEAD方法; 返回中应该没有body内容

    请求中使用了HTTP CONNECT方法,建立HTTPS连接通道

    返回的内容类型是HTML

    返回的内容类型是图片

    返回的内容类型是Javascript

    返回的内容类型是CSS

    返回的内容类型是XML

    普通的成功的返回

    返回内容为 HTTP/300,301,302,303 or 307 跳转

    返回内容为HTTP/304: 使用本地缓存

    返回内容为一个证书请求

    返回内容是服务器错误

    请求被客户端、Fiddler或服务器中断

    查看器

    利用查看器提供的很多形式,专题系统,我们可以查看数据流的内容。

    请求构建器(Request Builder)

    可以创建任意数据的请求

    过滤器

    过滤器可以对左侧的数据流列表进行过滤,我们可以标记、修改或隐藏某些特征的数据流。

    AutoResponse功能

    这个功能可以算的上是Fiddler最实用的功能,可以让我们修改服务器端返回的数据,例如让返回都是HTTP404或者读取本地文件作为返回内容。我们将在实例中介绍利用AutoResponse功能。

    文本编码和解码

    提供了常用的一些文本编解码的转换。

    此外,还可以对两个数据流进行比较

    企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:武汉网站制作 https://www.feimao666.com

    上一篇:狠狠吐槽互联网蛋糕 下一篇:最后一页