返回

浏览器工作原理：揭开"按下回车"后的秘密

前端

当你在浏览器中输入google.com并按下回车后，以下是一系列发生的事情：

  1. 键盘发送信号

    • 当你按下键盘上的“g”键时，物理键盘上的开关会被闭合，产生一个电信号。
    • 这个电信号通过键盘电缆传输到计算机的主板。

  2. 系统中断

    • 主板上的中断控制器检测到键盘发送的电信号，并向中央处理器（CPU）发送一个中断请求。
    • CPU暂时停止执行当前正在运行的程序，转而处理中断请求。

  3. 键盘驱动程序

    • CPU将中断请求转发给键盘驱动程序。
    • 键盘驱动程序读取键盘发送的电信号，并将其转换为计算机能够理解的格式。

  4. 操作系统

    • 操作系统收到键盘驱动程序发送的数据后，将其存储在内存中。
    • 操作系统还负责将键盘输入发送给正在运行的程序。

  5. 浏览器

    • 当你按回车键时，操作系统会将此按键发送给浏览器。
    • 浏览器接收到回车键后，会将google.com解析成IP地址。

  6. DNS解析

    • 浏览器首先会检查本地DNS缓存中是否有google.com的IP地址。
    • 如果没有，浏览器会向DNS服务器发送一个查询请求。
    • DNS服务器会将google.com的IP地址返回给浏览器。

  7. TCP连接

    • 浏览器使用google.com的IP地址与该网站的服务器建立TCP连接。
    • TCP连接是一种可靠的连接，可以确保数据在传输过程中不会丢失或损坏。

  8. HTTP请求

    • 浏览器通过TCP连接向google.com的服务器发送一个HTTP请求。
    • HTTP请求中包含了浏览器想要获取的数据的详细信息，例如URL、HTTP方法（例如GET或POST）和HTTP头。

  9. HTTP响应

    • google.com的服务器收到HTTP请求后，会处理该请求并返回一个HTTP响应。
    • HTTP响应中包含了浏览器请求的数据，例如HTML代码、CSS样式表、JavaScript文件和图像。

  10. 网页渲染

  • 浏览器收到HTTP响应后，会将HTML代码解析成DOM树。
  • 浏览器还会将CSS样式表解析成CSSOM树。
  • 浏览器使用DOM树和CSSOM树来构建渲染树。
  • 浏览器根据渲染树来绘制网页。
  1. JavaScript执行
  • 浏览器在解析HTML代码时，会遇到