[ツール]フィドラーチュートリアル

目次
概要2
フィドラーは何をすべきか、我々は助けに何ができるのでしょうか?2つの
作品2
プロキシモード3
使用してシーン- 3つのによって提供される機能
インターフェース3との使用について説明し
、共通機能10
ホスト10に配置された
前面および11インターフェース--Composerトーンの後端
ネットワークの異なる動作条件におけるネットワーク速度テストFiddlerScript--要求を13
モバイルデバイスアンドロイド14上の捕捉IOS /要求
記載プラグ15
16個の付録の
アイコン説明:16の
一般的なウェブセッションショートカット16
参照:17

書き込み絵は、ここで説明しました

フィドラー:翻訳-バイオリニストは、マイクロソフト就任したエリックを、開発しました。
フィドルのバージョンでは、複数のプラットフォームをサポート:
Windowsの場合:https://www.telerik.com/download/fiddler
Macの/ Linuxの場合:http://fiddler.wikidot.com/mono

しかし、初期のシオマネキは、.NET開発に基づいて、そのWindowsプラットフォームのサポートがより多くの機能しているため、
IOS \ Linuxではサポートが比較的小さくなります。

同様のツール:チャールズhttp://www.charlesproxy.com/

書き込み絵は、ここで説明しました

アウトライン

フィドラーは、私たちが助けに何を行うことができ、何をするかですか?

1は、トラフィックのHTTP / HTTPSを監視することができ、それがインターセプトHTTP / HTTPSサーバ要求にブラウザまたはクライアントソフトウェアから送信されたことができます;
2は、要求傍受した後、我々はまた、要求の内容を表示することができます;
3、偽造リクエストを。缶偽のクライアント要求だけでなく、サーバーからの応答には、偽造することができます。-この機能は、転送式典の終了前後に私たちを助けることができます。
4、パフォーマンステストサイト;
5、外部復号HTTPSセッション。HTTPS自体は暗号化されたプロトコルであるため、我々はフィドルによる操作を解読することができます;
6、サードパーティの拡張機能を追加需要を満たすために。

ワークス

書き込み絵は、ここで説明しました


シオマネキプロキシ転送サーバーに代わって応答の要求を通過する必要があります。
どのように達成するために?
まずシオマネキ起動し、ブラウザでローカルエリアネットワークプロキシサーバを表示します。アイコン:

書き込み絵は、ここで説明しました

あなたはシオマネキリスニングアドレスである、プロキシサーバーのアドレスが127.0.0.1になり見ることができます。

プロキシモードの
フローモードとバッファモード。

フローモード:クライアントが返されるサーバーへのシオマネキリアルタイムデータバック。バッファ・モード:唯一のクライアントに返さ後にすべての要求が準備が整うまで、シオマネキ待機。

違い:バッファモードは、最後のサーバの応答を制御することができ、およびないフローモードの制御下で、それは、ブラウザ自体の実際の動作に近いものを。

選択:特定の条件を選択します。

-使用シナリオ機能を提供し
、1ホスト開発環境の設定;
2、トーン--Composerのフロントエンドインターフェースを
3、ラインbug--ローカルエージェントにファイルを公開するように配置、ラインはすぐにバグを見つけ;
4、パフォーマンス分析を。そして、最適化--Inspectors、タイムライン

界面及使用介绍
[外链图片转存失败(img-GWk0X8A1-1568635818027)(https://img-blog.csdn.net/20171018112015233?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSW1hZ2luZUNvZGU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)]

1、菜单栏
2、工具栏

(1)气泡:备注。添加之后在会话栏的Comment列中显示备注内容。

書き込み絵は、ここで説明しました

(2)Replay:回放【常用】。重播一个会话。快捷键:”选中会话+R”

書き込み絵は、ここで説明しました

(3)清除会话面板:过滤请求、清除请求。

書き込み絵は、ここで説明しました

(4)Go:断点调式。配合状态栏上的断点工具。功能类似Debug。

書き込み絵は、ここで説明しました

(5)Stream:代理模式。默认:缓冲模式。点击进行切换。

書き込み絵は、ここで説明しました

(6)Decode:解压请求。解压http请求里面的东西,帮助查看。

書き込み絵は、ここで説明しました

(7)Keep:指示fiddler的保持会话数目。

書き込み絵は、ここで説明しました

(8)Any Process:捕获请求,只看需要的请求。将“靶心”投向需要的请求。

書き込み絵は、ここで説明しました

(9)Find:查找请求。用颜色标注查找的请求。

書き込み絵は、ここで説明しました

(10)Save:保存会话。

書き込み絵は、ここで説明しました

(11)截图:默认5秒后截图。

書き込み絵は、ここで説明しました

(12)计时器:第一次点击-开始计时;第二次点击–返回计时结果;第三次点击-清零,重新计时。右键点击—不计时。

書き込み絵は、ここで説明しました

(13)Browse:启动浏览器;

書き込み絵は、ここで説明しました

(14)Clear Cache:清空缓存;

書き込み絵は、ここで説明しました

(15)TextWizard:【常用】编码、解码文本内容;

書き込み絵は、ここで説明しました

(16)Tearoff:浮窗。

書き込み絵は、ここで説明しました

3、会话面板【fiddler核心功能之一】

書き込み絵は、ここで説明しました

Server IP:需要配置。書き込み絵は、ここで説明しました

Ctrl+F :搜索”static function Main()”,添加代码:

FiddlerObject.UI.lvSessions.AddBoundColumn(“Server IP”,120,”X-HostIP”);
然后重启Fiddler。

4、详情和数据统计面板書き込み絵は、ここで説明しました

(1)Statistics:数据统计面板。性能分析。

書き込み絵は、ここで説明しました

RTT:【主要关注】体现一个请求从发送到返回响应的时间。
通过选择多个会话来得来这几个会话的总的信息统计,比如多个请求和传输的字节数。选择第一个请求和最后一个请求,可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多,从而对页面的访问进行访问速度优化。

(2)Inspectors :对抓到的请求进行解包,查看具体内容

書き込み絵は、ここで説明しました

(3)AutoResponder:文件代理【常用】。例如,将一个需要服务端返回的文件,使用本地文件做代理。

書き込み絵は、ここで説明しました

(4)Composer:前后端接口连调,伪造请求【常用】。实现不写任何js代码的情况下实现与服务端的接口调式。

書き込み絵は、ここで説明しました

(5)Timeline: 性能分析。对选择多个请求有意义。作用类似HttpWatch.

書き込み絵は、ここで説明しました

5、控制面板:

(1)命令行工具:执行一些快捷操作。

書き込み絵は、ここで説明しました

常见的命令有:

  • help 打开官方的使用页面介绍,所有的命令都会列出来
  • cls 清屏 (Ctrl+x 也可以清屏)
  • select 选择会话的命令
  • ?.png 用来选择png后缀的图片
  • bpu 截获request

(2)状态栏:

書き込み絵は、ここで説明しました

Capturing:开启/关闭 fiddler的监听;

Web Browsers:过滤会话选择;

常用功能

HOST配置
将线上的服务器IP配置为指向本地服务器IP。将线上所有的文件的地址都映射到本地。

書き込み絵は、ここで説明しました

1、文件替换\线上bug调式——AutoResponder

(1)、可用于拦截某一请求,并重定向到本地的资源,或者使用Fiddler的内置响应。可用于调试服务器端代码而无需修改服务器端的代码和配置,因为拦截和重定向后,实际上访问的是本地的文件或者得到的是Fiddler的内置响应。
因此,如果要调试服务器的某个脚本文件,可以将该脚本拦截到本地,在本地修改完脚本之后,再修改服务器端的内容,这可以保证,尽量在真实的环境下去调试,从而最大限度的减少bug发生的可能性。

(2)、不仅是单个url,Fiddler支持多种url匹配的方式:

      I. 字符匹配 如 example可以匹配 http://www.example.com和http://example.com.cn
       II.完全匹配 以EXACT开头表示完全匹配,如上边的例子 EXACT:http://blog.csdn.net/ohmygirl
       III. 正则表达式匹配
       以regex: 开头,使用正则表达式来匹配URL
       如:regex:(?insx).*.(css|js|php)$
       表示匹配所有以css,js,php结尾的请求url

(3)、操作——模拟
       http://cn.babybus.com/join/index_campus.shtml下的function_campus.js文件

外链图片转存失败(img-gxbWFwAM-1568635818076)(https://img-blog.csdn.net/20171018113258340?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSW1hZ2luZUNvZGU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)]

前后端接口连调——Composer
选中一个接口——>拖拽到Composer面板;
准备工作:
接口请求方式、请求参数;
Get请求:参数直接写在接口里面

書き込み絵は、ここで説明しました

Post请求:参数写在Request Body里面。

書き込み絵は、ここで説明しました

同时,我们还能够伪造Request Header中的Cookie。

書き込み絵は、ここで説明しました

网络限速FiddlerScript——测试在不同网络下的请求运行状况

原理:将请求代码化。
OnBeforeRequest()表示在发送一个请求时需要做什么。

書き込み絵は、ここで説明しました

例如:

添加代码:
oSession[“resquest-trickle-delay”]=”3000”;//表示延时3秒请求;
oSession[“response-trickle-delay”]=”3000”;//表示延时3秒响应;

缺点:需要编写C#代码。
解决方案:使用图形化插件;

捕获IOS/Android移动设备上的请求

1)首先设置fiddler。菜单栏Tools—》Fiddler Options。

書き込み絵は、ここで説明しました

書き込み絵は、ここで説明しました

2)让你的电脑与移动设备处于同一个WiFi连接状态(不要使用VPN),然后命令行ipconfig查看本机IP。

書き込み絵は、ここで説明しました

3)使用你的移动设备在浏览器上访问本机IP加“端口号”。例如:192.168.1.28:8888,然后会出现一个Fiddler的证书,安装该证书。

書き込み絵は、ここで説明しました書き込み絵は、ここで説明しました

4)设置你的移动设备。让设备处在WiFi连接,设置代理为手动。然后填写代理IP为你的电脑的IP,端口号为8888。

書き込み絵は、ここで説明しました

5)现在你就可以在手机上操作,例如访问浏览器,此时在fiddler就能监听到了。

插件介绍
插件下载地址:
http://www.telerik.com/fiddler/add-ons
例如:

Javascript Formatter——Javascript格式化插件
Traffic Differ——文件比较插件
第三方插件 Willow ——http代理插件
附录一
图标解释:

書き込み絵は、ここで説明しました

web session的常用的快捷键

CTRL+A: 选中所有的session;
ESC: 取消选中所有的session;
CTRL+I 反向选中;如果session已选中,则取消,否则选中;
CTRL+X 删除所有的session;
Delete: 删除选中的session;
Shift+Delete 删除所有未选中的session;
R 重新执行当前请求;
SHIFT+R 多次重复执行当前请求
U: 无条件重新执行当前请求,发送不包含If-Modified-Since 和 If-None-- Match的请求头;
SHIFT+U 无条件地多次重复执行当前请求;
ALT+Enter 查看当前session的属性;
Insert:切换是否用红色粗体标记选中的session;
M 给选中的session添加描述;
参考:
http://blog.csdn.net/fyifei0558/article/details/30283937

http://www.tuicool.com/articles/YBbm6fr

http://my.oschina.net/leejun2005/blog/399108

http://blog.chinaunix.net/uid-27105712-id-3738821.html

http://www.cnblogs.com/yuzhongwusan/archive/2012/07/20/2601306.html

http://blog.csdn.net/ohmygirl/article/details/17855031

http://www.tuicool.com/articles/uM7RRjj

http://blog.csdn.net/ohmygirl/article/details/17849983
----------------
免責事項:この記事はCSDNブロガー「ImagineCodeの元記事である、CCに従ってください4.0 BY-SAの著作権契約、元のソースのリンクと、この文を添付してください、再現。
オリジナルリンクします。https://blog.csdn.net/ImagineCode/article/details/78271148

おすすめ

転載: www.cnblogs.com/laoshuai/p/12082575.html