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 - Chrome Tutorial
From the course: Learning Chrome Web Developer Tools
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.