1 / 71

Code Camp 2013 Sponsors

Next Talk: Debugging with Fiddler. Gold. Code Camp 2013 Sponsors. Bronze. Silver. Eric Lawrence @ ericlaw. Debugging with Fiddler. Follow along at http://getfiddler.com. Origins. Once upon a time…. Oh no! What happened?!?. There must be a better way…. A simple idea takes shape….

joshua
Download Presentation

Code Camp 2013 Sponsors

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Next Talk: Debugging with Fiddler Gold Code Camp 2013 Sponsors Bronze Silver

  2. Eric Lawrence@ericlaw Debugging withFiddler Follow along at http://getfiddler.com

  3. Origins

  4. Once upon a time…

  5. Oh no! What happened?!?

  6. There must be a better way…

  7. A simple idea takes shape… All problems in computer science can be solved by another level of indirection - David Wheeler

  8. Fiddler: Evolution Ten years, ~30k lines of C#, 120+ release builds, a cross-country move to Telerik, and two new supported Platforms later…

  9. My current side-project

  10. Roadmap • New Website • New Documentation • New Platforms • Enhanced User-Interface

  11. Fiddler Today Demo A quick tour of Fiddler

  12. UI Evolution - Web Sessions list

  13. Fiddleron Linux • Linux Mint & Ubuntu

  14. Fiddleron Mac OSX • It works, but due to UI glitches, you’re usually better off using Parallels

  15. Traffic Monitoring Browsers, applications, and devices

  16. Typical Architecture

  17. Debugging Across Devices PC Mac Fiddler Internet iOS Tablets Phones

  18. Fiddler as a Reverse Proxy http://fiddler2.com/r/?reverseproxy

  19. Firefox Configuration Use the FiddlerHook add-on or configure Tools > Options > Advanced > Network > Connection Settings > Use system proxy settings

  20. Win 8 “Store Apps” & IE11 AppContainer blocks “loopback” network connections. For debugging purposes, you can disable that blocking. Ctrl+Click to exempt all AppContainers

  21. .NET Applications YourApp.exe.config<configuration>  <system.net>    <defaultProxy>      <proxy bypassonlocal="false"usesystemdefault=“false"proxyaddress= "http://127.0.0.1:8888" />    </defaultProxy>  </system.net></configuration>

  22. Protocols

  23. HTTPS Traffic Decryption Proxies cannot normally “see” HTTPS requests Decrypting CONNECT tunnel to www.fiddler2.com GET /fiddler2/ GET /Fiddler2/Fiddler.css GET /Fiddler/images/FiddlerLogo.png

  24. HTTPS Traffic Decryption • Fiddler dynamically generates interception certificates chained to a self-signed root.

  25. HTML5 WebSockets

  26. HTML5 WebSockets WebSockets enable bi-directional socket communications over a connection established using HTTP or HTTPS

  27. FTP Fiddler supports FTP traffic via a built-in FTP gateway. FTP proxy is off-by-default. SPDY/HTTP2.0 Fiddler recognizes and tags SPDY connections if HTTPS-decryption is disabled.

  28. Protocol Violation prefs set fiddler.lint.HTTP True

  29. Traffic Archiving

  30. Fiddler has many output options • Copy sessions to the clipboard • Store as a plaintext file • Extract binary response bodies • Archive to a database • Export a Visual Studio .WebTest file • Build a HTML5 AppCache Manifest • Build a WCAT load-test script

  31. …or write your own

  32. The SAZ file format Session Archive Zip files contain: • Request and response bytes • Timing and other metadata • HTML index file For security, SAZ files may be encrypted

  33. FiddlerCap – Lightweight capture tool http://www.fiddlercap.com User-interface localized to: English | Français |Español | Português |日本語 |русский

  34. Traffic Analysis Examine Requests and Responses

  35. TextWizard • Convert text between popular web encodings.

  36. Traffic Comparison • Use WinDiff or the differ of your choice to compare Sessions’ requests and responses.

  37. Traffic Comparison • Use the Differ Extension to compare sets of sessions at once.

  38. Filtering Traffic • Ignore Images & CONNECTs • Application Type Filter • Process Filter • Troubleshooting with Help menu Selecting Traffic • Using QuickExec • Using Find

  39. Regular Expression Support

  40. SyntaxView Reformatting

  41. ImageViewDataURL Support

  42. ImageView Tools integration

  43. ImageView Metadata & GeoLocation

  44. Better Together: X-Download-Initiator https://fiddler2.com/dl/EnableDownloadInitiator.reg cols add @request.X-Download-Initiator

  45. HTML5 Media & Font previews

  46. In Context Fiddler vs. other tools

  47. Internet Explorer F12 Developer tools Internet Explorer 9 introduced the F12 Developer Tools, including a new Network tab…

  48. F12 Developer Tools vs. Fiddler

  49. Scenario Traffic Manipulation Change the bytes

  50. Automated Rewrites • Simple built-in Rules • The HOSTS command

More Related