今日から使う Fiddler
-
Upload
osamu-monoe -
Category
Documents
-
view
13.544 -
download
2
Transcript of 今日から使う Fiddler
![Page 1: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/1.jpg)
今日から使うFiddler物江 修(ものえおさむ)
日本マイクロソフト株式会社エバンジェリスト
@osamum_MS
![Page 2: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/2.jpg)
アジェンダ
•Fiddler とは
•Fiddler の基本的な使い方
•他のツールとの組み合わせ
![Page 3: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/3.jpg)
Fiddler とは
![Page 4: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/4.jpg)
Fiddler とは
• Proxy 型
![Page 6: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/6.jpg)
基本的な使い方
![Page 7: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/7.jpg)
Fiddler の UI
① Web セッションリスト
② タブ付きビュー
③ メインメニュー
④ ツールバー
⑤ ステータスバー
⑥ QuickExec
➅
![Page 8: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/8.jpg)
キャプチャの開始
•キャプチャ•メニュー[File] – [Capture Traffic]• [F12] キー押下•ステータスバーの左下クリック
![Page 9: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/9.jpg)
トラフィックの確認
•タブ付きビュー
タブ名 機能
Inspectors セッションの要求と応答
Statistics ウェブセッションの基本情報
Filters フィルタ
Timelineウォーターフォールダイアグラム
AutoResponder リクエストに対するルール
![Page 10: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/10.jpg)
キャプチャ対象の切り替え
•プロセス別
•Windows ストア アプリ
•サーバーサイド(逆プロキシ)
![Page 11: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/11.jpg)
Firefox のキャプチャ
•アドインの有効化が必要
![Page 12: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/12.jpg)
他のツールとの組み合わせ
![Page 13: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/13.jpg)
Compat Inspector
•Web コンテンツを最新の
Internet Explorer に対応させるためのツール
<scriptsrc="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"></script>
![Page 14: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/14.jpg)
<参考 1 >
•Fiddler - The Free Web Debugging Proxy• http://fiddler2.com/
• IE10 互換性の考え方と Compat Inspector• http://blogs.technet.com/b/hirookun/archive/2012/04/29/3495124.aspx
![Page 15: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/15.jpg)
<参考 2 >
O’RELLY Japan
実践 Fiddlerhttp://www.oreilly.co.jp/books/9784873116167/
![Page 16: 今日から使う Fiddler](https://reader036.fdocument.pub/reader036/viewer/2022081800/55852782d8b42aa86c8b5338/html5/thumbnails/16.jpg)