• Home
  • Subscribe
  • Contribute Us
    • Share Your Interview Experience
  • Contact Us
  • About
    • About CSEstack
    • Campus Ambassador
  • Forum & Discus
  • Tools for Geek
  • LeaderBoard
CSEstack

What do you want to Learn Today?

  • Programming
    • Tutorial- C/C++
    • Tutorial- Django
    • Tutorial- Git
    • Tutorial- HTML & CSS
    • Tutorial- Java
    • Tutorial- MySQL
    • Tutorial- Python
    • Competitive Coding Challenges
  • CSE Subject
    • (CD) Compiler Design
    • (CN) Computer Network
    • (COA) Computer Organization & Architecture
    • (DBMS) Database Management System
    • (DS) Data Structure
    • (OS) Operating System
    • (ToA) Theory of Automata
    • (WT) Web Technology
  • Interview Questions
    • Interview Questions- Company Wise
    • Interview Questions- Coding Round
    • Interview Questions- Python
    • Interview Questions- REST API
    • Interview Questions- Web Scraping
    • Interview Questions- HR Round
    • Aptitude Preparation Guide
  • GATE 2022
  • Linux
  • Trend
    • Full Stack Development
    • Artificial Intelligence (AI)
    • BigData
    • Cloud Computing
    • Machine Learning (ML)
  • Write for Us
    • Submit Article
    • Submit Source Code or Program
    • Share Your Interview Experience
  • Tools
    • IDE
    • CV Builder
    • Other Tools …
  • Jobs

How to check HTML Header in Chrome using Inspect? [Simple Steps]

Aniruddha Chaudhari/18624/0
Misc

In this simple blog post, I will direct you all the steps to check HTML Header in Chrome using Inspect. You will also understand why you should start exploring features provided by Chrome Inspect.

When you enter the URL of the website in the browser, it sends the HTML request to the server. As per the request, the server sends data to your browser. And you can see the complete website loaded in the browser window.

It sounds simple as long as if you are not aware how actually this happens.

HTML request consist of HTML header and body. To get the data from the server, the browser needs to send the special header with different parameters like Request URL, status code, data encoding and data policy… (will see this in another post in detail).

In response to the browser request, the server also sends the HTML header and body consist of actual data.

Step by Step: How to Check HTML Header in Chrome using Inspect?

Chrome has a feature called “Inspect” which helps to see the request and response header.

  • Open any website URL in the Chrome web browser.
  • Click right on the browser window and select “Inspect”. You can also use the shortcut Ctrl+Shift+I to choose Inspect.
  • Select “Network” as shown in the image below.

check HTTP header in Chrome Inspect

  • Refresh the page (f5).
  • Select the first URL under the “Name” field.
  • Click on the “Headers”.

You can see all the request and response headers in your Chrome browser.

Likewise, you can also check the Preview of the webpage, received response, cookies and complete waterfall timing for each request.

Related Post: How to Start Building Website in Python?

Inspect is one of the best feature provided by Google Chrome browser. If you are interested in networking or web development, you should start exploring these features.

chromeweb developmentwebbrowser
Aniruddha Chaudhari
I am complete Python Nut, love Linux and vim as an editor. I hold a Master of Computer Science from NIT Trichy. I dabble in C/C++, Java too. I keep sharing my coding knowledge and my own experience on CSEstack.org portal.

Your name can also be listed here. Got a tip? Submit it here to become an CSEstack author.

Leave a Reply Cancel reply

Interview Questions



You can share your interview experience.

Subscribe for FREE Newsletter

Do you want me to send you programing updates for FREE?

Subscribe below…

© 2022 – CSEstack.org. All Rights Reserved.

  • Home
  • Subscribe
  • Contribute Us
    • Share Your Interview Experience
  • Contact Us
  • About
    • About CSEstack
    • Campus Ambassador
  • Forum & Discus
  • Tools for Geek
  • LeaderBoard