一、加载阶段
1. 发起请求：当在Google浏览器地址栏输入网址并按下回车键，浏览器会向对应的服务器发送HTTP请求。这个请求包含了要获取的网页资源的信息，如网页的HTML文件、图片、CSS样式表、JavaScript脚本等。浏览器会根据URL中的信息，通过DNS解析找到服务器的IP地址，然后建立网络连接并发送请求。
2. 接收响应：服务器收到请求后，会将相应的网页资源以HTTP响应的形式发送回浏览器。响应中包含了资源的内容以及相关的状态码和头部信息。浏览器会根据状态码判断请求是否成功，如200表示成功，404表示资源未找到等。同时，浏览器会从响应头中获取资源的元信息，如内容类型、缓存时间等。
二、解析阶段
1. HTML解析：浏览器开始解析接收到的HTML文档。它会按照HTML的语法规则，将文档分解成元素节点，构建DOM树。DOM树是浏览器对网页内容的一种内部表示，每个节点代表网页中的一个元素，如标题、段落、图片等。在解析过程中，浏览器会逐步显示已解析的部分，即使整个文档尚未完全下载完成。
2. CSS解析：当遇到HTML文档中的CSS链接或内嵌的CSS样式时，浏览器会停止构建DOM树，转而去加载和解析CSS。它会根据CSS的规则，为DOM树中的元素添加相应的样式信息，如颜色、字体、大小、位置等。CSS的解析结果会生成CSSOM树（CSS对象模型树），用于描述网页的样式规则。
三、渲染阶段
1. 布局计算：在拥有完整的DOM树和CSSOM树后，浏览器会进行布局计算。它会根据CSS中的样式规则，计算出每个元素在页面中的位置和大小。这个过程涉及到元素的盒模型、定位方式、浮动、弹性布局等复杂的CSS属性。浏览器会综合考虑这些因素，确定每个元素在屏幕上的具体坐标和尺寸。
2. 绘制页面：布局计算完成后，浏览器会将DOM树和CSSOM树的信息结合起来，把页面元素绘制到屏幕上。它会按照元素的层级关系和样式要求，依次绘制每个元素的内容，包括文字、图片、背景等。在绘制过程中，浏览器会使用图形库和渲染引擎的相关技术，确保页面的显示效果与CSS样式一致。
四、脚本执行与交互
1. JavaScript执行：如果在HTML文档中有JavaScript脚本，浏览器会在解析过程中遇到脚本标签时，暂停DOM树的构建，转而执行JavaScript代码。JavaScript可以操作DOM树和CSSOM树，动态地修改网页的内容和样式。它还可以通过事件监听机制，响应用户的交互操作，如点击按钮、鼠标移动等，实现网页的交互功能。
2. 异步加载与更新：为了提高性能，现代网页通常会采用异步加载技术。浏览器会在后台继续加载其他资源，如图片、脚本等，同时不影响页面的初始渲染。当这些资源加载完成后，会触发相应的事件，通知页面进行更新或执行相关操作。例如，当图片加载完成后，会将其显示在页面上；当新的脚本加载完成后，会执行其中的代码，可能进一步修改页面内容或样式。
