Learn how to debug websites effectively using Fiddler and Chrome Developer Tools. This course aims to teach you how to troubleshoot HTTP requests and responses, identify JavaScript errors, resolve style issues, address performance concerns, and handle mixed content warnings. You will also discover various Fiddler tricks and techniques, such as simulating different network conditions and capturing successful and failed sessions. The course covers using Chrome Developer Tools for debugging, analyzing image bloat, and saving traces. The intended audience for this course includes web developers and anyone involved in website maintenance or troubleshooting.
Debugging Your Website with Fiddler and Chrome Developer Tools
Overview
Syllabus
Introduction
About me
HTTP
HTTP Request
HTTP Response
Fiddler
How does Fiddler work
Chrome Developer Tools
Structure
Running Fiddler
JavaScript Errors
Style Issues
Performance Concerns
Mixed Content Warning
Capture Success and Failure
Find Sessions
Fiddler Tricks
What if something is blocked
What if Im on a slow connection
What if I have another user agent
What if it is the first request
Simulate latlong orientation
Calling backend APIs
Using Dev Tools for Chrome
Fiddler Cap
Chrome Dev Tools
Image Bloat
Saving Traces
Filmstrip View
Taught by
NDC Conferences
