From the course: Learning Chrome Web Developer Tools

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

View HTTP request and response headers

View HTTP request and response headers - Chrome Tutorial

From the course: Learning Chrome Web Developer Tools

Start my 1-month free trial

View HTTP request and response headers

- [Instructor] When the network communication from our website isn't working as I expect, it can be a challenge to figure out where things are breaking down and to track down exactly what needs fixing but I can use Chrome Dev Tools to inspect a site's network traffic. I want to try it out with the Binaryville site. Now, I can check requests for a site that I'm serving locally using an HTTP server, like the Live Server extension with Visual Studio Code. But to get started, I'm going to open the site from the remote URL for this course. Chrome Dev Tools let me examine and visualize the requests and responses going on behind the scenes when a page and its assets load. These tools are part of the Network panel. So I'm going to open up my dev tools and I'm going to click that Network tab. The Network panel can give me limited information when loading files from local storage using the file protocol. However, this panel is…

Contents