Fiddler Debugging Proxy   http://tinyurl.com/josephj-fiddler            Fiddler Debugging Proxy                 / josephj /
Fiddler   miiiCasa Bar
Fiddler   miiiCasa Bar
Fiddler                         miiiCasa BarmiiiCasa Bar  HTTP         Port 80               HTML       JavaScript
Fiddler
Fiddler         Firmware...      Router
Fiddler
Fiddler
Fiddler     (iptable?)
Charles   Fiddler
Charles   Fiddler            Charles Web DebuggingProxyFiddler
Fiddler     http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
Fiddler     http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
Fiddler          http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4Fiddler               ...
Fiddler           http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4Fiddler              ...
Fiddler
Fiddler• Inspector -   Session
Fiddler• Inspector -   Session• Timeline -
Fiddler• Inspector -    Session• Timeline -• HOST - hosts
Fiddler• Inspector -    Session• Timeline -• HOST - hosts• AutoResponder -          Response
Fiddler• Inspector -       Session• Timeline -• HOST - hosts• AutoResponder -             Response• FiddlerScript -
Fiddler• Inspector -       Session• Timeline -• HOST - hosts• AutoResponder -             Response• FiddlerScript -• Filte...
Fiddler• Inspector -       Session• Timeline -• HOST - hosts• AutoResponder -             Response• FiddlerScript -• Filte...
Fiddler    Inspector -   Session
Fiddler         Inspector -   Session xuite   HTML
Fiddler         Inspector -   Session xuite   HTML                                 Request                                ...
FiddlerTimeline -   Sessions
FiddlerTimeline -   Sessions                        xuite   Components
Fiddler  HOST -   hosts   port
Fiddler  HOST -   hosts           port                   ports          =b
Fiddler   AutoResponder -   Response
Fiddler       AutoResponder -      Response  1.   Unlock for Editing
Fiddler       AutoResponder -           Response  1.   Unlock for Editing                            2.       JavaScript
Fiddler       AutoResponder -                 Response                            3.   Session   AutoResponder  1.   Unloc...
Fiddler   AutoResponder -   Response
Fiddler   AutoResponder -                   Response          Reload                   Production   JavaScript Beautifier)
Fiddler   AutoResponder -    Response          CSS        baidu.css
Fiddler   AutoResponder -    Response          CSS        baidu.css
Fiddler  FiddlerScript -
Fiddler  FiddlerScript -
Fiddler  FiddlerScript -                                HOST                FiddlerScript
Fiddler  FiddlerScript -                                HOST                FiddlerScript                                 ...
Fiddler  Filter -   Sessions
Fiddler  Filter -                         Sessions                Hide All, Non-browsers             All Processes, Web Br...
Fiddler  Filter -                         Sessions                                          Tab                Hide All, N...
Fiddler  Filter -                         Sessions                                          Tab                           ...
Fiddler  Filter -   Sessions
Fiddler  Filter -   Sessions
Fiddler  Filter -   Sessions             2   Tab
Fiddler  Filter -   Sessions             2   Tab                  2    Tab
Fiddler    QuickExec -   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler    QuickExec -   http://www.fiddler2.com/Fiddler/help/quickexec.asp
Fiddler    QuickExec -                                         bold xuite.net                                     xuite.ne...
Fiddler    QuickExec -                                         bold xuite.net                                     xuite.ne...
Fiddler    QuickExec -                                         bold xuite.net                                     xuite.ne...
Fiddler              Plugins  • JavaScript Formatter  • JSON Viewer  • Galleryhttp://www.fiddler2.com/fiddler2/extensions.asp
Fiddler              PluginsJavaScript Beautifier -
Fiddler                  PluginsJavaScript Beautifier -                 xuite      JavaScript
Fiddler                  PluginsJavaScript Beautifier -                 xuite      JavaScript
Fiddler                  PluginsJavaScript Beautifier -                 xuite      JavaScript
Fiddler         PluginsJSON Viewer -       Response
Fiddler         PluginsJSON Viewer -       Response
Fiddler        Plugins   Gallery -   Session
Fiddler        Plugins   Gallery -   Session
Fiddler       miiiCasa          http://gist.github.com/93512
Fiddler        miiiCasa  1.      miiiCasa Bar           http://gist.github.com/93512
Fiddler        miiiCasa  1.      miiiCasa Bar  2.           http://gist.github.com/93512
Fiddler        miiiCasa  1.      miiiCasa Bar  2.  3.      Firebug Lite           YUI Console           http://gist.github...
Fiddler        miiiCasa  1.      miiiCasa Bar  2.  3.      Firebug Lite           YUI Console  4.           http://gist.gi...
Fiddler        miiiCasa  1.      miiiCasa Bar  2.  3.      Firebug Lite           YUI Console  4.  5.           http://gis...
Fiddler        miiiCasa  1.      miiiCasa Bar  2.  3.      Firebug Lite           YUI Console  4.  5.  6. JavaScript/CSS  ...
Fiddler     miiiCasa   1.     miiiCasa Bar -   UI
Fiddler     miiiCasa   1.     miiiCasa Bar -            UI                           1.   a.mimgs.com     Bar             ...
Fiddler       miiiCasa1.   miiiCasa Bar -      FiddlerScript
Fiddler    miiiCasa    1.    miiiCasa Bar -
Fiddler    miiiCasa    1.    miiiCasa Bar -                  1.       Bar
Fiddler                      miiiCasa         1.                 miiiCasa Bar -2.   Xuite   miiiCasa Bar                  ...
Fiddler                        miiiCasa         1.                 miiiCasa Bar -2.   Xuite   miiiCasa Bar                ...
Fiddler   miiiCasa  2.
Fiddler   miiiCasa  2.                 Port   5002*
Fiddler   miiiCasa  2.                 Port   5002*
Fiddler
Fiddler
Fiddler   devm1.corp.miiicasa.com:50020
Fiddler       miiiCasa  3.      Firebug Lite   YUI Console
Fiddler       miiiCasa  3.      Firebug Lite   YUI Console
Fiddler       miiiCasa  3.      Firebug Lite      YUI Console             Firebug Lite                  IE6
Fiddler    miiiCasa          4.
Fiddler    miiiCasa          4.                      CSS Class Name
Fiddler    miiiCasa          4.                      CSS Class Name
Fiddler    miiiCasa          4.                      CSS Class Name
Fiddler    miiiCasa          4.
Fiddler    miiiCasa          4.               2      1
Fiddler    miiiCasa          5.
Fiddler    miiiCasa          5.               id   <div/>   alert
Fiddler    miiiCasa          5.               id   <div/>   alert
Fiddler      miiiCasa    5. JavaScript/CSS
Fiddler               miiiCasa           5. JavaScript/CSSmiiiCasa          JS/CSS
Fiddler               miiiCasa           5. JavaScript/CSSmiiiCasa          JS/CSS                 http://a.mimgs.com/mini...
Fiddler               miiiCasa           5. JavaScript/CSSmiiiCasa          JS/CSS                 http://a.mimgs.com/mini...
Fiddler          miiiCasa    5. JavaScript/CSS                    &nominify          http://a.mimgs.com/fuse?module=space&...
Fiddler      miiiCasa    5. JavaScript/CSS
Fiddler       miiiCasa    5. JavaScript/CSS    Fiddler             Code
Fiddler       miiiCasa    5. JavaScript/CSS    Fiddler                   Code              http://a.mimgs.com/fuse?module=...
Fiddler              miiiCasa    5. JavaScript/CSS    Fiddler                          Code                     http://a.m...
FiddlerGuidelines
FiddlerGuidelines
Fiddler Hacking                                                           Time!                                           ...
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
不用不可之 Fiddler Debugging Proxy!
Upcoming SlideShare
Loading in …5
×

不用不可之 Fiddler Debugging Proxy!

7,757 views

Published on

Fiddler 是一套網站開發不可或缺的軟體。啟動後,他就成為了你電腦上的 Proxy、控制了出入的連線 Session,也因此你可以克服掉許多環境所造成開發上的限制。

這邊簡單介紹了 Fiddler 的 UI、以及作者在公司內部的實際運用的 Hacks,歡迎大家踴躍分享。

Published in: Technology, Design
0 Comments
26 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,757
On SlideShare
0
From Embeds
0
Number of Embeds
1,304
Actions
Shares
0
Downloads
189
Comments
0
Likes
26
Embeds 0
No embeds

No notes for slide

不用不可之 Fiddler Debugging Proxy!

  1. 1. Fiddler Debugging Proxy http://tinyurl.com/josephj-fiddler Fiddler Debugging Proxy / josephj /
  2. 2. Fiddler miiiCasa Bar
  3. 3. Fiddler miiiCasa Bar
  4. 4. Fiddler miiiCasa BarmiiiCasa Bar HTTP Port 80 HTML JavaScript
  5. 5. Fiddler
  6. 6. Fiddler Firmware... Router
  7. 7. Fiddler
  8. 8. Fiddler
  9. 9. Fiddler (iptable?)
  10. 10. Charles Fiddler
  11. 11. Charles Fiddler Charles Web DebuggingProxyFiddler
  12. 12. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
  13. 13. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4
  14. 14. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4Fiddler Proxy Server Proxy
  15. 15. Fiddler http://python-cn.googlegroups.com/attach/663845705cd74c28/Fiddler.png?view=1&part=4Fiddler Proxy Server ProxyFiddler Request/Response
  16. 16. Fiddler
  17. 17. Fiddler• Inspector - Session
  18. 18. Fiddler• Inspector - Session• Timeline -
  19. 19. Fiddler• Inspector - Session• Timeline -• HOST - hosts
  20. 20. Fiddler• Inspector - Session• Timeline -• HOST - hosts• AutoResponder - Response
  21. 21. Fiddler• Inspector - Session• Timeline -• HOST - hosts• AutoResponder - Response• FiddlerScript -
  22. 22. Fiddler• Inspector - Session• Timeline -• HOST - hosts• AutoResponder - Response• FiddlerScript -• Filter - Session
  23. 23. Fiddler• Inspector - Session• Timeline -• HOST - hosts• AutoResponder - Response• FiddlerScript -• Filter - Session• QuickExec -
  24. 24. Fiddler Inspector - Session
  25. 25. Fiddler Inspector - Session xuite HTML
  26. 26. Fiddler Inspector - Session xuite HTML Request Response
  27. 27. FiddlerTimeline - Sessions
  28. 28. FiddlerTimeline - Sessions xuite Components
  29. 29. Fiddler HOST - hosts port
  30. 30. Fiddler HOST - hosts port ports =b
  31. 31. Fiddler AutoResponder - Response
  32. 32. Fiddler AutoResponder - Response 1. Unlock for Editing
  33. 33. Fiddler AutoResponder - Response 1. Unlock for Editing 2. JavaScript
  34. 34. Fiddler AutoResponder - Response 3. Session AutoResponder 1. Unlock for Editing 2. JavaScript
  35. 35. Fiddler AutoResponder - Response
  36. 36. Fiddler AutoResponder - Response Reload Production JavaScript Beautifier)
  37. 37. Fiddler AutoResponder - Response CSS baidu.css
  38. 38. Fiddler AutoResponder - Response CSS baidu.css
  39. 39. Fiddler FiddlerScript -
  40. 40. Fiddler FiddlerScript -
  41. 41. Fiddler FiddlerScript - HOST FiddlerScript
  42. 42. Fiddler FiddlerScript - HOST FiddlerScript JavaScript
  43. 43. Fiddler Filter - Sessions
  44. 44. Fiddler Filter - Sessions Hide All, Non-browsers All Processes, Web Browser
  45. 45. Fiddler Filter - Sessions Tab Hide All, Non-browsers All Processes, Web Browser
  46. 46. Fiddler Filter - Sessions Tab Process IE Tab Hide All, Non-browsers All Processes, Web Browser
  47. 47. Fiddler Filter - Sessions
  48. 48. Fiddler Filter - Sessions
  49. 49. Fiddler Filter - Sessions 2 Tab
  50. 50. Fiddler Filter - Sessions 2 Tab 2 Tab
  51. 51. Fiddler QuickExec - http://www.fiddler2.com/Fiddler/help/quickexec.asp
  52. 52. Fiddler QuickExec - http://www.fiddler2.com/Fiddler/help/quickexec.asp
  53. 53. Fiddler QuickExec - bold xuite.net xuite.net session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  54. 54. Fiddler QuickExec - bold xuite.net xuite.net session select image Session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  55. 55. Fiddler QuickExec - bold xuite.net xuite.net session select image Session http://www.fiddler2.com/Fiddler/help/quickexec.asp
  56. 56. Fiddler Plugins • JavaScript Formatter • JSON Viewer • Galleryhttp://www.fiddler2.com/fiddler2/extensions.asp
  57. 57. Fiddler PluginsJavaScript Beautifier -
  58. 58. Fiddler PluginsJavaScript Beautifier - xuite JavaScript
  59. 59. Fiddler PluginsJavaScript Beautifier - xuite JavaScript
  60. 60. Fiddler PluginsJavaScript Beautifier - xuite JavaScript
  61. 61. Fiddler PluginsJSON Viewer - Response
  62. 62. Fiddler PluginsJSON Viewer - Response
  63. 63. Fiddler Plugins Gallery - Session
  64. 64. Fiddler Plugins Gallery - Session
  65. 65. Fiddler miiiCasa http://gist.github.com/93512
  66. 66. Fiddler miiiCasa 1. miiiCasa Bar http://gist.github.com/93512
  67. 67. Fiddler miiiCasa 1. miiiCasa Bar 2. http://gist.github.com/93512
  68. 68. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console http://gist.github.com/93512
  69. 69. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. http://gist.github.com/93512
  70. 70. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. 5. http://gist.github.com/93512
  71. 71. Fiddler miiiCasa 1. miiiCasa Bar 2. 3. Firebug Lite YUI Console 4. 5. 6. JavaScript/CSS http://gist.github.com/93512
  72. 72. Fiddler miiiCasa 1. miiiCasa Bar - UI
  73. 73. Fiddler miiiCasa 1. miiiCasa Bar - UI 1. a.mimgs.com Bar 2. a.staging.mimgs.com Bar 3. img1.corp.miiicasa.com Bar 4. Bar
  74. 74. Fiddler miiiCasa1. miiiCasa Bar - FiddlerScript
  75. 75. Fiddler miiiCasa 1. miiiCasa Bar -
  76. 76. Fiddler miiiCasa 1. miiiCasa Bar - 1. Bar
  77. 77. Fiddler miiiCasa 1. miiiCasa Bar -2. Xuite miiiCasa Bar 1. Bar
  78. 78. Fiddler miiiCasa 1. miiiCasa Bar -2. Xuite miiiCasa Bar 1. Bar 3. Fiddler
  79. 79. Fiddler miiiCasa 2.
  80. 80. Fiddler miiiCasa 2. Port 5002*
  81. 81. Fiddler miiiCasa 2. Port 5002*
  82. 82. Fiddler
  83. 83. Fiddler
  84. 84. Fiddler devm1.corp.miiicasa.com:50020
  85. 85. Fiddler miiiCasa 3. Firebug Lite YUI Console
  86. 86. Fiddler miiiCasa 3. Firebug Lite YUI Console
  87. 87. Fiddler miiiCasa 3. Firebug Lite YUI Console Firebug Lite IE6
  88. 88. Fiddler miiiCasa 4.
  89. 89. Fiddler miiiCasa 4. CSS Class Name
  90. 90. Fiddler miiiCasa 4. CSS Class Name
  91. 91. Fiddler miiiCasa 4. CSS Class Name
  92. 92. Fiddler miiiCasa 4.
  93. 93. Fiddler miiiCasa 4. 2 1
  94. 94. Fiddler miiiCasa 5.
  95. 95. Fiddler miiiCasa 5. id <div/> alert
  96. 96. Fiddler miiiCasa 5. id <div/> alert
  97. 97. Fiddler miiiCasa 5. JavaScript/CSS
  98. 98. Fiddler miiiCasa 5. JavaScript/CSSmiiiCasa JS/CSS
  99. 99. Fiddler miiiCasa 5. JavaScript/CSSmiiiCasa JS/CSS http://a.mimgs.com/mini?module=space&type=js
  100. 100. Fiddler miiiCasa 5. JavaScript/CSSmiiiCasa JS/CSS http://a.mimgs.com/mini?module=space&type=js Debugging
  101. 101. Fiddler miiiCasa 5. JavaScript/CSS &nominify http://a.mimgs.com/fuse?module=space&type=js&nominify
  102. 102. Fiddler miiiCasa 5. JavaScript/CSS
  103. 103. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code
  104. 104. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code http://a.mimgs.com/fuse?module=space&type=js
  105. 105. Fiddler miiiCasa 5. JavaScript/CSS Fiddler Code http://a.mimgs.com/fuse?module=space&type=js FiddlerScript
  106. 106. FiddlerGuidelines
  107. 107. FiddlerGuidelines
  108. 108. Fiddler Hacking Time! Thank You so muchiii Any Questions? josephj6802@gmail.comhttp://www.flickr.com/photos/phploveme/2847931240/

×