Coursera 笔记

Module 02 · Web Infrastructure Basics and TerminologyWeb 基础设施基础和术语

How Browsers and Requests Work浏览器与请求的工作原理

Coursera ↗

🎵 欢迎观看《浏览器与请求的工作原理》。通过本视频，您将能够：

  • 分析：加载网页所涉及的步骤
  • 描述：域名系统（DNS）的功能
  • 回忆：DNS 查询如何将域名转换为 IP 地址的过程

浏览器的工作流程

1. 用户界面：图形化交互

  • 浏览器提供图形用户界面（GUI），包括：
    • 导航按钮
    • 地址栏
    • 书签
    • 设置

用户通过地址栏输入**URL（统一资源定位符）**来访问网站。

2. URL 到 IP 地址的转换

  • 浏览器通过 DNS（域名系统） 将用户输入的 URL 转换为 IP 地址。
  • 浏览器向 DNS 服务器 发出请求，解析域名以获取对应的 IP 地址。

3. 浏览器与服务器的连接

  • 获取 IP 地址后，浏览器通过 HTTP（超文本传输协议） 连接服务器。
  • 浏览器发送 HTTP 请求，通常是 GET 请求，获取网页所需的资源，例如：
    • HTML 文件
    • CSS 样式表
    • JavaScript 文件
    • 图像等

服务器处理请求并返回 HTTP 响应，其中包含：

  • 请求的资源
  • 元数据（如状态码与响应头）。

4. 渲染网页

  • 浏览器接收响应后开始渲染：
    1. 解析 HTML 并生成 文档对象模型（DOM）。
    2. 加载 CSS，为 DOM 中的每个元素应用样式。
    3. 执行 JavaScript，为网页添加交互性与动态功能。
    4. 布局与绘制：确定页面元素的位置、大小和样式，然后将其渲染到屏幕上。
  • 渲染完成后，页面在浏览器窗口中显示，用户可以与页面交互。

5. 浏览器的性能优化与安全性

功能 描述
缓存（Caching） 浏览器存储网页资源的本地副本，加速后续访问。
用户交互管理 处理鼠标点击、表单提交等事件并执行相应操作。
安全措施 集成保护机制，例如防范恶意代码和数据泄露。

DNS 的工作原理

1. 什么是 DNS？

DNS（域名系统） 是将人类可读的域名转换为IP 地址的目录系统，便于访问网站和在线服务。

2. DNS 的分层结构

层级 功能
根服务器 最高层，维护顶级域（TLD，如 .com、.net）的信息。
顶级域（TLD）服务器 管理特定域扩展的记录，例如 .com 域名的查询请求。
权威名称服务器 存储特定域名的 IP 地址记录，例如 example.com。

3. DNS 查询的过程

步骤

  1. 用户输入 URL
  • 浏览器向 本地 DNS 解析器（由 ISP 提供）发出请求。
  1. 递归解析
  • 如果本地解析器未缓存请求的 IP 地址，则启动递归查询：
    • 查询 根服务器，获取相关 TLD 服务器的信息。
    • 查询 TLD 服务器，获取权威名称服务器的信息。
    • 查询权威名称服务器，获取请求域名的具体 IP 地址。
  1. 缓存与返回
  • 本地解析器缓存获取的 IP 地址，并将其返回给设备。
  • 浏览器通过该 IP 地址与目标服务器建立连接。

缓存与 TTL

  • DNS 记录的生存时间（TTL）：指定解析器缓存记录的时长。TTL 过期后，需重新查询以确保记录是最新的。

总结与学习要点

  1. 浏览器功能：提供用户界面，支持导航、书签管理与设置操作。
  2. DNS 转换：将域名翻译为 IP 地址，连接网站服务器。
  3. 网页加载：从发送请求到渲染完成，涉及 HTML、CSS、JavaScript 的解析与布局绘制。
  4. DNS 查询：通过递归解析与缓存优化域名解析流程，提升访问速度。

🎵 感谢观看！了解浏览器与请求如何工作助您更好地掌握网页加载原理！ 🌐