iddler简单概述

Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看数据，修改请求数据等。比如当你想抓取电脑浏览器打开一个网页时候详细访问了些什么地址，或者手机在运行某个应用的时候访问了些什么地址，特别是在开发应用，想要分析一些http请求的时候特别有用。你一定很好奇，Fiddler是怎样抓取数据的？，其实当你打开Fiddler的时候会自动在本机上开启一个代理服务器，关闭Fiddler时候会自动关闭代理服务器，并且你的浏览器会自动设置和取消代理，完全不需要人工再去设置。这样你浏览器访问的http请求都会经过Fiddler代理(充当中间人角色)，Fiddler就可以轻松抓取到http请求的数据了。对于移动端，抓取数据需要移动设备和电脑在同一局域网下，下文会详细叙述。

Fiddler安装配置

安装

Fiddler的安装很简单，直接从官网下载，直接安装即可，Fiddler下载地址如下：https://www.telerik.com/download/fiddler

配置

1.在菜单栏依次点击Tools-->Options-->HTTPS，勾选Capture HTTPS CONNECTS、Decrypt HTTPS traffic、Ignore server certificate errors这三个选项前的复选框

配置好后，Fiddler就可以截获HTTPS请求，配置完后记得要重启Fiddler

注意：第一次配置HTTPS时，弹出证书安装提示，若没有弹出提示，勾选Actions--> Trust Root Certificate(信任根证书)

之后会弹出证书安装提示，点击Yes

接着点击是(Y)

证书安装成功

查看安装的证书Actions—>Open Windows Certificate Manager

下面在说一下手机端抓包如何配置(确保手机和电脑在同一个局域网内)

在菜单栏依次点击Tools-->Options-->Connections

为了减少干扰，你也可以去掉 “Act as system proxy on startup”(启动系统代理)

接着还需要对移动端的配置,配置前先在控制台输入ipcinfig命令查一下电脑的IP地址(也可以将鼠标悬浮至Fidder工具右上角Online出查看)

之后在移动端打开浏览器，在地址栏中输入代理服务器的 IP 和端口（即电脑的IP加fiddler的端口），会看到一个Fiddler 提供的页面，然后确定安装就好了

然后打开 WiFi 设置页面，选择要连接的 WiFi ，并且长按(不同的移动端可能操作不一样)，在弹出的对话框中，选择“修改网络”。在接下来弹出的对话框中，勾选“显示高级选项”。在接下来显示的页面中，点击“代理”，选择“手动”。代理服务器主机名设为 PC 的 IP ，代理服务器端口设为 Fiddler 上配置的端口 8888，点”保存”。只有移动端使用Fidder的代理，Fidder才能获取数据，至此配置就已经完成。

Fidder界面介绍

左边会话框介绍

1：给会话添加备注信息
2：重新加载当前会话
3：删除会话选项
4：放行，和断点对应，后面详细讲解
5：响应模式。也即是，当Fiddler拿到远程的response后是缓存起来一次响应给客户端还 是以stream的方式直接响应。
6：解码。有些请求是被编码的，点击这个按钮后可以根据响应的编码格式自动解码。
7：查找会话。
8：保存会话。
9：截屏。截屏后，会以会话的方式返回一个截图。

会话列表标题和图标说明如下：

贴士:选中某一条会话按delete键可以删除会话，使用Ctrl+X快捷键清除所有会话

右边Tab面板介绍

1.Statistic

这里显示关于HTTP请求的性能和其他数据分析的一些信息，比如DNS解析时间，建立TCP/IP连接时间消耗等等信息

2. Inspectors

提供headers、textview、hexview、Raw等多种方式查看单条http请求的请求报文的信息,分为上下两个部分，上半部分是请求头部分，下半部分是响应头部分。对于每一部分，提供了多种不同格式查看每个请求和响应的内容,下面说一些常用的格式

格式1:ImageView标签

使用 ImageView 就可以看到图片,选择一条Content-Type是image/jpeg的回话,点击ImageView

格式2:TextView 标签

HTML/JS/CSS 使用 TextView 可以看到响应的内容。选择一条Content-Type是text/html的回话,点击TextView

格式3:Raw标签

Raw标签可以查看响应报文和响应正文,但是不包含请求报文

格式4:Auth标签

Auth则可以查看授权Proxy-Authorization 和 Authorization的相关信息

格式5:Cookies标签

3.AutoResponder

Fiddler 的AutoResponder tab允许你从本地返回文件，而不用将http request 发送到服务器上。下面我们举个例子：我们在浏览器中输入www.baidu.com ,浏览器就会帮我们打开百度的网页，现在我们在AutoResponder tab面板中添加一条规则并启用规则，如下图

此时再访问www.baidu.com 时，页面如下：

小结：AutoResponder功能是Fiddler最实用的功能之一，Rule可以自由地设定，可以使用搜索（默认）、精确匹配（EXACT）、正则表达式匹配（REGEX）。处理方式可以选择使用文件，也可以选择合适的时间暂停数据流（*bpu、*bpafter），人工干预。通过以上几个步骤，我们演示了怎样将HTTP请求重定向到本地的文件，进行调试，这在我们诊断跟踪一些js文件但却不能修改js文件时非常有用。比 如：在用浏览器测试P页面时，P页面引入了一个js资源文件R.js，由于R.js文件在服务器S上，而我此时又不能登录S服务器（没有S服务器的帐 号），此时我们就可以通过浏览器将R.js文件下载到本地，然后对本地的R.js文件进行调整，最后通过设置Fiddler，将R.js文件的请求使用本 地的R.js文件。

4.Composer

Composer允许自定义请求发送到服务器，可以手动创建一个新的请求，也可以在会话表中，拖拽一个现有的请求，Parsed模式下你只需要提供简单的URLS地址即可（如下图，也可以在RequestBody定制一些属性，如模拟浏览器User-Agent）

5.断点请求/响应

如图，方框所指的位置时可以点击的。共三种状态：
(1)空白：不设置断点。
(2)箭头向上:表示断点请求.此时客户端的请求是无法直接到达目标服务器的,需要手动控制。
(3)箭头向下:表示断点响应.此时目标服务器的响应是无法直接到达客户端的,需要手动控制。

除此之外，还可以在命令行中进行断点,在命令行中输入命令如下:

bpu www.baidu.com （断点请求）
bpuafter www.baidu.com（断点响应）

断点请求并修改步骤如下：

1. 设置断点请求，访问网页
2. 点击对应的会话
3. 查看请求报文信息
4. 修改请求内容
5. 完成断点，放行，把该请求发送给目标服务器。

如下图：

断点响应修改和断点请求操作类似，只是在响应区域修改报文信息即可，但是在断点响应时，请注意超时时间。

6.过滤域名

Fiddler抓包可以完成我们调试测试需求。但是多余的网页请求和手机的其他链接影响我们手机开发的需求。所以我们需要排除其他无用的包，只关注我们指定的域名的请求包。打开fiddler，找到Filters选项并点击打开，如图所示

默认情况下，这个页面是灰色的,代表默认不过滤任何请求.现在我们勾选 Use Filters ,如下图

一般常用的有三种过滤条件：

(1).域名过滤，只显示特定域名的记录：

这里添加了www.baidu.com ,会话中只会出现于www.baidu.com相关的会话,其他的都会过滤掉,如下图

(2).类型过滤，一般对各种图片、CSS、JS这类的静态素材也不需要看的情况下，直接全部过滤掉

(3).根据返回状态码，比如只想显示200的状态，其他的不显示

Fiddler 的内置命令

1.？(问号)

格式：？+字符串 如？ baidu.com ;

作用:问号（?）后边跟一个字符串，Fiddler 将所有会话中存在该字符串匹配的全部高亮显示

提示：匹配的字符串是 Protocol、Host 和 URL 中的任何子字符串.

2.> 和 <

大于号（>）和小于号（<）后边跟一个数值，表示高亮所有body大于或小于该数值的会话,比如我输入 <200，按下回车后结果如下：

3.=

等于号（=）后边可以接 HTTP 状态码或 HTTP 方法，比如 =200 表示高亮所有正常响应的会话,下图输入了 =GET，表示希望高亮所有 GET方法的会话：

4.@

@ 后边跟的是 Host，比如我想高亮所有百度的链接，我可以 @baidu.com

5.bpafter

bpafter 后边跟一个字符串，表示中断所有包含该字符串的会话，如bpafter baidu

6.bps

bps 后边跟的是 HTTP 状态码，表示中断所有为该状态码的会话。

7.bpv 或 bpm

bpv 或 bpm 后边跟的是 HTTP 方法，表示中断所有为该方法的会话。

8.bpu

跟 bpafter 类似，区别：bpu 是在发起请求时中断，而 bpafter 是在收到响应后中断。

9.cls 或 clear

清除当前的所有会话

10.dump

将所有的会话打包成 .zip 压缩包的形式保存到 C 盘根目录下

11.g 或 go

放行所有中断下来的会话。

12.hide

将 Fiddler 隐藏

13.show(貌似没啥用)

将 Fiddler 恢复。

14.urlreplace

urlreplace 后边跟两个字符串，表示替换 URL 中的字符串。比如 urlreplace baidu fishc 表示将所有 URL 的 baidu 替换成 fishc。温馨提示：直接输入 urlreplace 不带任何参数表示恢复原来的样子。

15.start

Fiddler 开始工作。

16.stop

Fiddler 停止工作。

17.quit

关闭 Fiddler

18.select

select 后边跟响应的类型（Content-Type），表示选中所有匹配的会话，比如希望 Fiddler 选中所有的图片，可以使用 select image; select css 则选中所有的 css 文件；select html 就是选中所有的 html 文件

19.allbut 或 keeponly

与select 类似，不过 allbut 和 keeponly 会将所有无关的会话删除。比如我只想看图片，那么我可以 keeponly image，表示将所有与图片无关的会话删除

20.!dns

!dns 后边跟一个域名，执行 DNS 查找并在右边的 LOG 栏打印结果,如:!dns www.baidu.com

21.!listen

设置监听的端口，默认是 8888

声明:本文非原创，参考自CSDN文章，这里是整理一下与大家分享,后面会增加一些实战的操作，欢迎大家共同交流学习，不足之处还请大家多多指点。

TML代码：

<table>

<tr>

<td><input type="checkbox" name="b">全选</td><td>内容</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选1</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选2</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选3</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选4</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选5</td>

</tr>

<tr>

<td><input type="checkbox" name="a"></td><td>复选6</td>

</tr>

</table>

JAVASCRIPT代码：

<script>

$("input[name='b']").click(function(){

//判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型

if($(this).is(":checked")){

$("input[name='a']").prop("checked",true);

}else{

$("input[name='a']").prop("checked",false);

}

});

</script>

这样就实现了全选和全不选