HTTP Request and Response Headers (Part-4)

Hello readers..!! In this article we are going to learn about http request and response headers and how to see http request and response headers in chrome using developer tools.

Http Request/Response Header-

Request-Response Process

Communication between browser and server is done by sending HTTP Requests and receiving HTTP Responses. For example when we open the browser and search something your browser sent a HTTP request to GET content and POST it through HTTP response on your screen. This single request and response is called as a context. i.e.

Context= Request+Response

Http headers are an integral part of the http requests and responses . It consists pair of its case-insensitive name followed by a colon (:) then by it’s value. Http headers contains information about http requests and responses such as client browser, requested webpage, the server and more. For example-

server: Microsoft-IIS/10.0

How to see request and response headers in Chrome using developer tools ?

Step1-First go to the browser and search, for example here I am runnig my ASP.NET web application and do ‘function+ F12’.

Step 2-Select network tab. It shows list of requests which are required to load our request page.

Step 3- Select any HTTP request from the left side and the HTTP headers will be displayed on the right side.

Example-

When you request a webpage in your browser, your headers may look like this:

:authority:localhost:44374
:method:GET
:path:/
:scheme:https
accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
accept-encoding:gzip, deflate, br
accept-language:en-IN,en-GB;q=0.9,en-US;q=0.8,en;q=0.7
cache-control:max-age=0
sec-fetch-dest:document
sec-fetch-mode:navigate
sec-fetch-site:none
sec-fetch-user:?1
upgrade-insecure-requests:1
user-agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36

In response, browser may receive a response your headers may look like this:

content-encoding:gzip
content-type:text/html; charset=utf-8
date:Fri, 29 May 2020 06:38:27 GMT
server:Microsoft-IIS/10.0
status:200
vary:Accept-Encoding
x-powered-by:ASP.NET

Thanks For Reading…!!!

Read my previous articles on MVC Core-

Introduction of MVC (Part-1) https://link.medium.com/uQYUkNxZN6

Kestrel Web Server and Reverse Proxy in ASP.NET Core (Part-2) https://link.medium.com/RbLvhrHZN6

Bootstrapping and Request-Response Process in MVC Core (Part-3) https://link.medium.com/iNDvbFGLP6