源本科技 | 码上会

Web 浏览器

2025/12/29
19
0

什么是浏览器

Web 浏览器 是一种应用软件,用于访问和浏览 万维网(World Wide Web, WWW)。它充当用户(客户端)与互联网服务器之间的中介接口,负责:

  • 向服务器发送请求(如网页、图片、视频等)

  • 接收服务器返回的数据(HTML、CSS、JavaScript 等)

  • 将这些数据渲染(Render)成用户可读、可视的网页

没有浏览器,即使连上互联网也无法“看”网页。就像有电但没灯泡——你无法“看见”内容。

常见浏览器

  • Google Chrome

  • Mozilla Firefox

  • Apple Safari

  • Microsoft Edge

  • Opera

  • Brave

  • Tor Browser


浏览器工作原理

当你在地址栏输入 https://www.baidu.com/ 并按下回车,浏览器会执行以下步骤:

1. URL 解析与 DNS 查询

  • 浏览器解析 URL,提取域名(www.baidu.com

  • 查询 DNS(域名系统),将域名转换为对应的 IP 地址

2. 建立网络连接

  • 使用 HTTP/HTTPS 协议,通过 TCP/IP 向目标服务器发起连接

  • 若为 HTTPS,还会进行 TLS/SSL 握手,确保通信加密安全

3. 发送 HTTP 请求

  • 浏览器向服务器发送 GET 请求,要求获取网页资源

4. 接收服务器响应

  • 服务器处理请求后,返回包含 HTML、CSS、JavaScript、图片 等的响应数据

5. 渲染网页

  • 浏览器的 渲染引擎 解析 HTML 构建 DOM 树

  • 结合 CSS 构建 CSSOM 树,合并生成 渲染树(Render Tree)

  • 执行 JavaScript(由 JS 引擎 处理),可能动态修改 DOM/CSSOM

  • 最终将页面绘制到屏幕上,呈现给用户

整个过程通常在 几百毫秒内完成,依赖高效的网络协议与浏览器架构。


浏览器的核心架构

现代浏览器采用模块化设计,主要组件包括:

组件

功能

用户界面 UI

地址栏、前进 / 后退按钮、书签菜单等(不包括网页内容本身)

浏览器引擎

协调 UI 与渲染引擎之间的交互

渲染引擎

解析 HTML/CSS,布局并绘制网页(如 Blink、WebKit、Gecko)

JavaScript 引擎

执行 JS 代码(如 V8、SpiderMonkey、JavaScriptCore)

网络模块

处理 HTTP/HTTPS 请求、DNS、缓存、Cookie 等

UI 后端

绘制基础控件(下拉框、窗口等),使用操作系统原生 GUI

数据存储

本地存储机制(Cookies、LocalStorage、IndexedDB、Cache API)

示例

  • Chrome / Edge 使用 Blink(渲染) + V8(JS)

  • Safari 使用 WebKit + JavaScriptCore

  • Firefox 使用 Gecko + SpiderMonkey


当您访问网站时,浏览器会自动保存一些小文件,称为 Cookies

Cookie 的作用

  • 记住登录状态(如保持“已登录”)

  • 存储用户偏好(语言、主题)

  • 跟踪浏览行为(用于个性化推荐或广告)

  • 支持购物车、会话管理等功能

隐私注意:第三方 Cookie 可能被用于跨站追踪。现代浏览器(如 Brave、Firefox)默认阻止第三方 Cookie 或提供严格隐私模式。


主流浏览器对比

浏览器

开发商

特点

适合人群

Google Chrome

Google

速度快、扩展丰富、生态强大

普通用户、开发者

Mozilla Firefox

Mozilla 基金会

开源、注重隐私、高度可定制

隐私倡导者、技术用户

Apple Safari

Apple

能效高、与 macOS/iOS 深度集成

Apple 设备用户

Microsoft Edge

Microsoft

基于 Chromium,集成 Copilot、性能优化

Windows 用户

Brave

Brave Software

默认屏蔽广告 / 追踪器,内置隐私保护

注重速度与隐私的用户

Tor Browser

The Tor Project

通过 Tor 网络匿名上网,极致隐私

高敏感隐私需求者

Opera

Opera Software

内置免费 VPN、广告拦截、电池节省

移动用户、轻量需求者

综合推荐

  • 日常使用:Chrome 或 Edge(兼容性好)

  • 隐私优先:Brave 或 Firefox

  • 完全匿名:Tor Browser(牺牲速度换安全)


浏览器发展简史

  • 1990 年:Tim Berners-Lee 发明首个浏览器 WorldWideWeb(后改名 Nexus)

  • 1993 年:Mosaic 浏览器发布,首次支持图文混排,引爆互联网普及

  • 1994 年:Netscape Navigator 上市,成为早期主流

  • 1995 年:Microsoft 推出 Internet Explorer(IE),捆绑 Windows,引发“浏览器大战”

  • 2003 年:Apple 发布 Safari

  • 2004 年:Mozilla 推出 Firefox,挑战 IE 垄断

  • 2008 年:Google 发布 Chrome,基于 WebKit(后自研 Blink),推动 Web 标准革新

  • 2010s–今:隐私、速度、安全成为新竞争焦点(Brave、Tor 兴起)

IE 已于 2022 年正式退役,现代 Web 开发不再支持其旧标准。


客户端-服务器模型

浏览器是典型的 客户端(Client):

  • 安装在用户设备上

  • 主动发起请求

  • 被动接收并展示数据

服务器(Server)则:

  • 24/7 在线等待请求

  • 处理逻辑、查询数据库、返回响应

这种“请求 - 响应”模式是 Web 的基础通信范式。


总结

  • Web 浏览器是访问互联网内容的必备工具

  • 它通过 DNS → HTTP → 渲染 的流程将代码转化为可视化网页。

  • 现代浏览器是复杂软件系统,包含渲染引擎、JS 引擎、网络模块等。

  • Cookie 帮助网站“记住”用户,但也带来隐私风险。

  • 选择浏览器应根据 速度、隐私、兼容性、生态系统 等因素权衡。

  • 从 Mosaic 到 Chrome,浏览器的发展推动了整个 Web 技术的进步。