Debugging Your Website with Fiddler and Chrome DevTools

By Robert Boedigheimer
Do your websites always work perfectly? Mine don’t either, which is why this course will help you debug problems using Fiddler and Chrome DevTools -- you'll learn about issues with JavaScript, CSS, performance, and HTTPS.
Play course overview
Course info
Rating
(45)
Level
Intermediate
Updated
Sep 26, 2018
Duration
2h 12m
Table of contents
Course Overview
Course Overview 1m
Introduction to Fiddler
Introduction 0m HTTP 1m What Is Fiddler? 6m How Does Fiddler Work? 5m Chrome DevTools 5m It Works on My Machine 3m Summary 0m
Diagnosing and Resolving JavaScript Issues
Introduction 0m Techniques 11m Console Object 5m Summary 1m
Diagnosing and Resolving CSS Issues
Introduction 1m Techniques 9m CSS Coverage 2m Summary 0m
Diagnosing and Resolving Performance Issues
Performance Rules 0m Performance Review 8m Performance Techniques 9m HTTP/2 6m Chrome DevTools Audits 4m Summary 1m
Determining Website Behavior and Potential Issues
Introduction 0m Request Modification 11m Blocked Requests 4m Slow Responses 4m First Request, Return Visits 6m Sensors 2m Summary 0m
Solving Real World Problems
Introduction 1m Who Requested That? 4m Who Modified That? 3m Other Platforms and Devices 4m Someone Else's Computer 2m HTTPS 11m Device Rendering 4m Summary 1m
Description
Course info
Rating
(45)
Level
Intermediate
Updated
Sep 26, 2018
Duration
2h 12m
Description

Websites don't always work as expected. In this course, Debugging Your Website with Fiddler and Chrome DevTools, you will learn foundational knowledge necessary to debug website problems. First, you will learn diagnostic techniques. Next, you will discover how to modify requests and responses. Finally, you will explore how to decrypt HTTPS. When you’re finished with this course, you will have the skills and knowledge of Fiddler and Chrome DevTools needed to debug your website issues.

About the author
Robert Boedigheimer
About the author

Robert is a Microsoft MVP, a Progress Developer Expert (Fiddler), and a 3rd degree black belt in Tae Kwon Do. He regularly speaks at national and international events.

More from the author
Responsive Web Images
Beginner
1h 55m
Jun 27, 2016
Useful jQuery Plugins
Intermediate
3h 7m
Jan 17, 2014
More courses by Robert Boedigheimer
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Robert Boedigheimer, and welcome to my course, Debugging Your Website with Fiddler and Chrome DevTools. I'm a Principal Systems Developer at Schwans Shared Services, LLC. No one is perfect, so you'll eventually need to be able to debug problems with your website. This course is an introduction to debugging techniques using both Fiddler and Chrome DevTools. Some of the major topics we'll cover include JavaScript debugging, CSS debugging, identifying performance problems, and modifying requests and responses. By the end of this course, you'll know how to identify problems with your website and techniques to address them. Before beginning the course, you should be familiar with web development. I hope you'll join me on this journey to learn debugging with the Debugging Your Website with Fiddler and Chrome DevTools course, at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT