How Do Web Browsers Work

Browser Categories

Loading Sequence of a Browser

  1. The browser sends a request to the DNS server for the address of cloudcare.cn.
  2. The DNS server returns the IP address of the server that is hosting cloudcare.cn. In this example, the IP address is 10.0.0.1.
  3. The local computer caches the DNS data and sends an access request for cloudcare.cn to the server with the IP address 10.0.0.1.
  4. The server establishes a TCP connection with the local computer to exchange data.

TCP connection and HTTP

HTML Code Structure

<html>
<head>
</head>
<body>
</body>
</html>

Rendering process of an HTML page

  1. The web page displays the “Hello world” string.
  2. The page loads and displays images.
  3. If you have defined a style that is similar to “div {color: red;}” in the style sheet, the page will display the “Hello world” string in red once it has fully loaded the style sheet.

HTTP Cookies

  1. They do not support cross-domain access (excluding child-level domains). For example, you cannot access any cookies under baidu.com from cloudcare.cn.
  2. Each HTTP request will automatically carry cookies in the header before being sent to the backend server.

Conclusion

--

--

--

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website:https://www.alibabacloud.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

100 days?

Need a cloud database for your Vue app?

Openshift Journey

Deploying a Certificate for Encrypted Connection SQL Server

When and How to Use .select .filter .find_all vs .map & .collect in Ruby

Flink 1.10 vs. Hive 3.0 — A Performance Comparison

Beanstalkd in Python

Metaxy Weekly Highlight

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alibaba Cloud

Alibaba Cloud

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website:https://www.alibabacloud.com

More from Medium

CI/CD for databases: bad idea

CI CD on Mobile application

CI/CD for the Rescue 🦸‍♂️

Plainly Explained: CI/CD & CircleCI

Simple Workflow in Github Action : PM2 Configuration