DEV Community
·
互联网是如何运作的？第一部分
💡
原文英文，约5900词，阅读约需22分钟。
📝
内容提要
点击链接时，浏览器会解析URL或搜索词，检查HSTS列表，进行DNS查询，将域名解析为IP地址。然后建立TCP连接，进行TLS握手，发送HTTP请求，服务器返回响应。浏览器解析HTML和CSS，构建DOM和渲染树，呈现页面。加载JavaScript等资源后，页面完成渲染，用户可交互。
🎯
关键要点
- 点击链接时，浏览器解析URL或搜索词，检查HSTS列表，进行DNS查询，将域名解析为IP地址。
- 建立TCP连接，进行TLS握手，发送HTTP请求，服务器返回响应。
- 浏览器解析HTML和CSS，构建DOM和渲染树，呈现页面。
- 加载JavaScript等资源后，页面完成渲染，用户可交互。
- 按下键盘时，浏览器注册事件并触发自动完成功能，提供建议。
- 按下Enter键时，电路闭合，生成键码并通过USB或蓝牙传输到计算机。
- 浏览器解析URL，提取协议和资源，判断是URL还是搜索词。
- 检查HSTS列表，决定使用HTTP或HTTPS进行请求。
- 进行DNS查找，检查缓存和本地hosts文件，向DNS服务器请求解析。
- 通过ARP过程解析DNS服务器的IP地址，确保请求正确路由。
- 建立TCP连接，进行TLS握手，确保安全通信。
- 发送HTTP请求，服务器处理请求并返回响应。
- 浏览器解析HTML，构建DOM树，处理CSS和JavaScript。
- 渲染引擎创建帧树，计算节点的宽度和高度，处理复杂元素。
- 使用GPU进行图形渲染，提升性能和用户体验。
- JavaScript代码执行后，可能发起网络请求或修改DOM，增强交互性。
➡️
