今日から使うFiddler物江 修(ものえおさむ)

日本マイクロソフト株式会社エバンジェリスト

@osamum_MS

アジェンダ

•Fiddler とは

•Fiddler の基本的な使い方

•他のツールとの組み合わせ

Fiddler とは

Fiddler とは

• Proxy 型

Fiddler の入手

•http://fiddler2.com/•本体、アドオン、チュートリアル

基本的な使い方

Fiddler の UI

① Web セッションリスト

② タブ付きビュー

③ メインメニュー

④ ツールバー

⑤ ステータスバー

⑥ QuickExec

➅

キャプチャの開始

•キャプチャ•メニュー[File] – [Capture Traffic]• [F12] キー押下•ステータスバーの左下クリック

トラフィックの確認

•タブ付きビュー

タブ名 機能

Inspectors セッションの要求と応答

Statistics ウェブセッションの基本情報

Filters フィルタ

Timelineウォーターフォールダイアグラム

AutoResponder リクエストに対するルール

キャプチャ対象の切り替え

•プロセス別

•Windows ストア アプリ

•サーバーサイド(逆プロキシ)

Firefox のキャプチャ

•アドインの有効化が必要

他のツールとの組み合わせ

Compat Inspector

•Web コンテンツを最新の

Internet Explorer に対応させるためのツール

<scriptsrc="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"></script>

<参考 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

<参考 2 >

O’RELLY Japan

実践 Fiddlerhttp://www.oreilly.co.jp/books/9784873116167/