浏览器工作原理总览

一、是什么

浏览器是一个将 URL、HTML、CSS、JS 转换为可视化页面的复杂软件系统。

核心作用： 👉 “把代码变成用户看到的页面”

浏览器工作可以分为 6 步： URL 输入 → DNS解析 → HTTP请求 → HTML解析 → 渲染 → 页面展示

作用：

例如： www.google.com → 142.xxx.xxx.xxx

浏览器向服务器请求资源：

浏览器解析 HTML 👉 生成 DOM 树

示例：

<div>
  <p>Hello</p>
</div>

变成

DOM Tree
└── div
    └── p

CSS 被解析为： 👉 CSS Object Model

DOM + CSSOM → Render Tree

用于确定：

计算：

绘制像素到屏幕

GPU 层合成最终页面

影响布局

影响样式但不影响布局

浏览器本质是一个：

HTML + CSS + JS → 计算 → 像素

理解它可以：