Debugging the web with fiddler and chrome
•Download as PPTX, PDF•
1 like•1,184 views
Presentation given by Maxime Rouiller on December 15th 2014.
Recommended
More Related Content
More from MSDEVMTL
More from MSDEVMTL (20)
Recently uploaded
Recently uploaded (15)
Debugging the web with fiddler and chrome
- 1. Debugging the web with Fiddler and Chrome
- 2. Who I am • Maxime Rouiller • ASP.NET/IIS MVP • 10 years of experience doing web development • Freelancer • Twitter: @MaximRouiller • Blog: http://blog.decayingcode.com
- 3. The Plan • Introduction to Fiddler • Introduction to Chrome Developer tools • When to use each of them • Demos!
- 4. What is Fiddler • Web Debugging Proxy for all browsers, OS and platforms • Works with anything • Free • Download here: http://www.telerik.com/fiddler
- 5. Demo Simple introduction to Fiddler and its UI
- 6. Demo What makes Fiddler work
- 7. What is Chrome Developer tools? • Integrated in Google Chrome • Tons of features • Works in all web pages on all major OS • Download here: http://www.google.com/chrome/browser/
- 8. Demo Showing off the tools
- 9. Demo The importance of caching
- 10. When to use which one? Fiddler • Debugging sequences of requests • Modifying a request and resending it • Analyzing on-the-wire performance of requests • Save/Replay requests for reproduction steps Google Chrome • Debugging JavaScript • Analyzing web page performance • Writing interactive Javascript • DebuggingCSS/HTML
- 11. More Demos! Debugging media queries with Chrome Debugging JavaScript with Chrome Debugging mobile applications with Fiddler DebuggingWebAPI with Fiddler
- 12. Questions? • Contact me onTwitter: @MaximRouiller • Blog: http://blog.DecayingCode.com • Add me to LinkedIn • www.MaximeRouiller.com • Or speak to me at the break!