《新媒体交互设计》——第7讲互联网发展史

2026.10.10

一、互联网的诞生

ARPANET

“ARPANET”（Advanced Research Projects Agency Network，阿帕网）为美国国防部高级计划研究署安全开发的世界上第一个运营的封包交换网络，它是全球互联网的始祖。

第一阶段

1969年11月美国国防开始建立一个命名为ARPANET的网络，但是只有4个结点，分布在洛杉矶的加利福尼亚州大学洛杉矶分校、加州大学圣巴巴拉分校、斯坦福大学、犹他大学四所大学的4台大型计算机。

第二阶段

到了1975年，ARPANET已经连入了100多台主机，并结束了网络试验阶段，移交美国国防部国防通信局正式运行。在总结第一阶段建网实践经验的基础上，研究人员开始了第二代网络协议的设计工作。

第三阶段

70年代协议成功的扩大了数据包的体积，进而组成了互联网。

1983年，ARPA和美国国防部通信局研制成功了用于异构网络的TCP/IP协议。

TCP/IP

TCP/IP（Transmission Control Protocol/Internet Protocol，传输控制协议/网际协议）是指能够在多个不同网络间实现信息传输的协议簇。

Internet网络的前身ARPANET当时使用的并不是传输控制协议/网际协议,当时用的是NCP的网络控制协议但随着网络的发展和用户对网络的需求不断提高，设计者们发现，NCP协议存在着很多的缺点以至于不能充分支持ARPANET网络。

从而研究出了TCP/IP协议，TCP/IP协议可以在各种硬件和操作系统上实现互操作。1982年，ARPANET开始采用TCP/IP协议。

NSFnet

1986年，美国国家科学基金会（National Science Foundation，NSF）利用ARPAnet发展出来的TCP/IP 的通讯协议，在5 个科研教育服务超级电脑中心的基础上建立了NSFnet广域网。随着网络发展，RPAnet –网络之父，逐步被NSFnet所替代。到1990年， ARPAnet已退出了历史舞台。如今，NSFnet已成为Internet的重要骨干网之一。

ANSNET

1992年，美国IBM、MCI、MERIT三家公司联合组建了一个高级网络服务公司(ANS),建立了一个新的网络，叫做ANSNET,成为Internet的一个主干网。

Internet

Internet表示的意思是互联网，又称网际网络，根据音译也被叫做因特网(Internet)、英特网，是网络与网络之间所串连成的庞大网络。这些网络以一组通用的协议相连，形成逻辑上的单一且巨大的全球化网络，在这个网络中有交换机、路由器等网络设备、各种不同的连接链路、种类繁多的服务器和数不尽的计算机、终端。使用互联网可以将信息瞬间发送到千里之外的人手中，它是信息社会的基础。

二、互联网的三大发展阶段

Web1.0

Web1.0 是个人电脑（PC机）时代的互联网，用户利用web浏览器通过门户网站，单向获取内容，主要进行浏览、搜索等操作。用户只是被动接受内容，没有互动体验，局限在较大。

web1.0 的优势在于高效地传输信息，为此，网络新闻、在线搜索、电子邮件、即时通信、电子商务、彩信彩铃、客户端和网页游戏等应用普及，互联网用户被迅速连接起来。

Web1.0 时代的代表公司：新浪，搜狐，百度，阿里巴巴，京东等。

Web2.0

第二代互联网（Web 2.0）是移动互联网，从2008年左右拉开大幕。

Web2.0 对应的是移动互联网，用户不再只是内容接收方，可以在线阅读、点评、制造内容，成为内容的提供方，还可以与其他用户进行交流沟通。提供服务的网络平台成为中心和主导，聚集起海量网络数据。

Web2.0 时代的代表公司:苹果公司、Facebook、爱彼迎、优步、小米、字节跳动、滴滴、美团、蚂蚁金服、拼多多和快手等迅速崛起，成为各自领域的领军企业。

Web3.0

Web3.0 是是指第三代互联网，也称为智能互联网。用户不必在不同中心化的平台创建多种身份，而是能打造一个去中心化的通用数字身份体系，通行各个平台。

在Web3.0 时代，用户将成为互联网真正的创作者与构建者，用户所创造的数据信息与数据资产都将归自身所有。

三、W3C 简介

什么是 W3C？

W3C 指万维网联盟（World Wide Web Consortium）

W3C 创建于1994年10月

W3C 由 Tim Berners-Lee 创建

W3C 是一个会员组织

W3C 的工作是对 web 进行标准化

W3C 创建并维护 WWW 标准

W3C 标准被称为 W3C 推荐（W3C 规范）

W3C 官网为 w3.org

W3C 是如何创建的？

万维网（World Wide Web）是作为欧洲核子研究组织的一个项目发展起来的，在那里 Tim Berners-Lee 开发出万维网的雏形。

Tim Berners-Lee , 万维网的发明人, 目前是万维网联盟的主任。

W3C 在 1994 年被创建的目的是，为了完成麻省理工学院（MIT）与欧洲粒子物理研究所（CERN）之间的协同工作，并得到了美国国防部高级研究计划局（DARPA）和欧洲委员会（European Commission）的支持。

标准化 web

W3C 致力于实现所有的用户都能够对 web 加以利用（不论其文化教育背景、能力、财力以及其身体残疾）。

W3C 同时与其他标准化组织协同工作，比如 Internet 工程工作小组（Internet Engineering Task Force）、无线应用协议（WAP）以及 Unicode 联盟（Unicode Consortium）。

W3C 成立于美国麻省理工学院计算机科学和人工智能实验室 (MIT CSAIL)，总部位于法国的欧洲信息数学研究联盟(ERCIM) 和日本的庆应大学（Keio University）联合运作，并且在世界范围内拥有分支办事处。

W3C 成员

正因为 Web 是如此的重要（不论在其影响范围还是在投资方面），以至于不应由任何一家单独的组织来对它的未来进行控制，因此 W3C 扮演着一个会员组织的角色：

一些知名的会员包括：

IBM
Microsoft
America Online
Apple
Adobe
Macromedia
Sun Microsystems

W3C 的会员包括了：软件开发商、内容提供商、企业用户、通信公司、研究机构、研究实验室、标准化团体以及政府。

W3C 规范的批准步骤

在 W3C 发布某个新标准的过程中，规范是通过下面的严格程序由一个简单的理念逐步确立为推荐标准的：

W3C 收到一份提交
由 W3C 发布一份记录
由 W3C 创建一个工作组
由 W3C 发布一份工作草案
由 W3C 发布一份候选的推荐
由 W3C 发布一份被提议的推荐
由 W3C 发布推荐

四、浏览器的前世今生

==浏览器的发展史就是浏览器的战争史。==

这是世界上第一个网站的页面。

当时展示的信息内容还很简单，只有纯文字和超链接，还没有图片和视频内容，它被称为 HTML（超文本标记语言）网页。

网站在 1991 年 8 月 6 日上线，创建它的人是当时正在欧洲核子研究组织（CERN）做研究的蒂姆·伯纳斯-李，目前这个网站仍能访问。

如果我们想访问某个网页，就要事先赋予网页一个地址，输入地址发起请求，HTML 网页语言以超文本传输协议（HTTP）由服务器传输至浏览器，浏览器读取 HTML 文件，并可视化展示出来。

这就是万维网（World Wide Web）的原理，也是我们网上冲浪时信息传输的过程。因为伯纳德-李发明了万维网，极大地促进了互联网的普及与发展，因此，他被称为“互联网之父”。

但人们很少提到，伯纳德-李还发明了世界上第一个浏览器，用来浏览他发明的网页，世界欠他一个“浏览器之父”的称号，没赋予他这个称号，原因大概是他当初发明的浏览器极其简单，并不好用。

世界上第一款浏览器

不过，随着浏览器的出现，互联网命运的齿轮开始转动。

早期浏览器发展

万维网的出现改变了世界传递信息的方式，加速了信息的传播，人们可以通过网络接触到更多更及时的信息，浏览器则是进入万维网的一个窗口，因此，浏览器变得越来越重要。

伯纳德-李最初发明的浏览器就叫 WorldWideWeb，后来改名 Nexus，1991 年发布在 NeXTSTEP 系统平台上。之后，其他浏览器纷纷涌现，如 Unix 平台上的 LMB、ViolaWWW 和 MidasWWW，Mac 上的 MacWWW，还有稍后发布的 Cello、tkWWW 和 Mosaic 等。

MacWWW 用户界面

值得一提的是 Mosaic（马赛克），这款浏览器由美国伊利诺伊大学的国家超级电脑应用中心（NCSA）开发，伊利诺伊大学的学生马克·安德森是该项目的核心人员。

Mosaic 浏览器是世界上第一个在文字中嵌入图片的浏览器，因其简单易用，成为第一个受到全球欢迎的浏览器，也被人们认为是引发互联网热潮的原因之一。

Mosaic 浏览器

1992 年 11 月，世界上仅有 26 个网站；

1993 年，Mosaic 浏览器推出一个“What’s New”页面，每天提供新的网站信息；

1995 年 8 月，网站数量已经超过 1 万个；

1998 年，世界上网站数量已经超过 1 百万个。

Mosaic 浏览器和“What’s New”页面

马克安德森于 1993 年 12 月毕业，第二年，吉姆·克拉克邀请他一起创办了 Mosaic 通讯公司。

马克·安德森

不到两个月，安德森带领他的团队开发了新的浏览器，并命名为“Mosaic Netscape”。伊利诺伊大学不满他们名字中带有“Mosaic”，他们改名 “Netscape Navigator”，也就是后来被人们熟悉的“网景浏览器”。

第一次浏览器大战：网景兴起

如今，人们可以通过更多的应用软件进入互联网，但无论是电脑还是手机，浏览器依然是必备的一款软件，而在三十年前，软件相对匮乏，浏览器则显得更加重要，是人们进入互联网最重要的入口。

网景浏览器成为那个年代的明星产品，一方面是它稳定好用，迭代迅速，功能跟进及时，甚至还创造了一些后来浏览器必备的技术，比如 HTTP Cookie 技术和 JavaScript 语言。

网景浏览器 1.0

另一方面，则是它出色的商业决策，浏览器面向个人免费，商用套件收费，销售对象包括财富 100 强企业，同时与许多企业展开技术合作，客户和合作伙伴包括 IBM、通用电气、康柏、戴尔、SUN 等知名企业。

网景很快在一众浏览器产品中脱颖而出，发布两个月市场份额达到 60%，甚至一度超过 75%。

随着网景浏览器的大受欢迎，网景公司的估值也水涨船高。网景浏览器的首个版本发行于 1994 年 10 月，1995 年 8 月，也就是 10 个月后，网景公司成功上市，上市股票原价 28 美元，收盘价 75 美元，1995 年 12 月，网景估值达到 70 亿美元，引起华尔街对互联网企业的追捧。

Mosaic 浏览器曾被人们认为是引发互联网热潮的原因之一，而网景浏览器则被部分人认为是引起 90 年代末互联网泡沫的原因之一。

网景公司还想利用浏览器在不同平台上创造一个统一的桌面系统，这是一份颇有野心的计划，但它侵犯了另一家公司的利益——微软。微软显然不会坐以待毙，而是发起反击，引起第一次浏览器大战，也是互联网史上第一次商业战争。

微软在 1994 年 11 月本想收购 Booklook 浏览器，但被微软的死敌 AOL（美国在线，当时最大的门户网站）抢走，之后，微软通过 Spyglass 公司拿到了 Mosaic 版本的授权，在此基础上，微软于 1995 年 8 月 16 日发布了 Internet Explorer（后文简称 IE），也就是 IE 浏览器的第一代。

几天之后，微软发布了新一代桌面系统 Windows 95，并与 IE 浏览器绑定发行，3 个月之后，微软发布了 IE2。

为了争夺市场，微软采用了以下方式：

微软利用 Windows 在操作系统的领先地位扶持 IE，除了个人操作系统绑定 IE，还要求电脑合作厂商不得在桌面展示网景浏览器，包括之前与网景合作的戴尔、康柏等电脑厂商；

在企业系统层面，如互联网服务器的系统，微软跟客户达成协议，适配 IE 浏览器，排挤网景，例如微软和死对头 AOL 达成合作，AOL 的网站以 IE 作为主接口；

财力雄厚的微软将 IE 完全免费，这是网景做不到的，后来网景做了，却导致财务进一步恶化。

此外，伴随着 Windows 95 获得了巨大的成功，捆绑的 IE 也从中受益。

随着 IE 从 1.0 发展到 4.0（1997 年 9 月），其性能与网景浏览器不相上下，用户没理由不用系统绑定的 IE，还要额外下载网景浏览器。面对微软招招致命的攻势，网景浏览器招架不住，市场份额逐渐下跌。

网景也发起过反击，比如在 1996 年 10 月喊出“包容与统一”的口号，希望微软公平对待 IE 和网景两款浏览器，但这就像是一只待宰羔羊面对屠夫，呼吁众生平等，慈悲为怀，不过是徒劳一场而已。

1998 年 1 月，网景启动了“Mozilla开源”项目，寄希望于通过开源，来与 IE 竞争（关于开源，可以阅读这篇开源，会是对手打败 ChatGPT 的绝招吗？），但最终于事无补，不过，该项目留下了火种，今后与 IE 再度竞争。

1997 年初，网景浏览器的市场份额相较 IE 还有较大优势；1997 年年底，网景被迫裁员，1998 年初，IE 浏览器市场份额有了明显提升，到 6 月份，二者已经不相上下；1999年，IE 浏览器的市场份额超过了网景。

而网景甚至没有撑到 1999 年，在1998 年 11 月，网景被 AOL 以 42 亿美元收购，AOL 收购的目的正是为了获得网景的技术，与微软竞争。

AOL 曾跟死对头微软联合阻击网景，却在网景式微之后将其收购，反过头来对付微软，老狐不得不感叹，商业竞争，只有利益，没有友谊。

第二次浏览器大战：网景失败，IE躺平

第一次浏览器的竞争以 IE 的胜利结束，此后，IE 一路高歌猛进，尤其是 IE6 于 2001 年 8 月发布后，达到巅峰，在 2002 年和 2003 年，IE 市场份额一度超过 95%。

IE6 界面

不知是盛极而衰这一规律使然，还是缺少竞争的缘故，IE6 成了 IE 浏览器的巅峰，顶点过后，各个方向都是走向下坡路。

最先是苹果在 2003 年 1 月发布了 Safari 浏览器测试版，并成为当年新版macOS 的默认浏览器，取代了之前的 Mac 版 IE 浏览器。

2004 年 6 月，部分 IE 浏览器受到一款恶意程序“Download.ject”的攻击，使用 Windows 版的 IE 浏览器访问相关网页就会感染该恶意程序，因此，部分媒体和安全公司建议用户使用 Firefox（火狐）浏览器。

Firefox 浏览器用户界面

Firefox 就是网景当年留下的那个火种。网景的 “Mozilla开源”项目组成员于 2002 年开发 Firefox，Firefox 浏览器后来由 Mozilla 基金会旗下的 Mozilla 公司负责运营，2004 年 11 月发布第一个版本，在 9 个月内下载量突破 6000 万次。

顺便说一句，Mozilla 基金会的成立 AOL 贡献不少，出钱还出力，继续与微软死磕。也是在 2004 年，Firefox 浏览器还与 Opera 浏览器合作，开发新的开放标准。

在 Firefox 浏览器的“偷袭”下，IE 浏览器到 2005 年底市场份额跌至 87% 左右。IE6 饱受诟病，加载速度慢，功能落后，系统漏洞多，虽然微软准备了 5 年才发布 IE7，但 IE 浏览器的问题并没有得到改善，甚至到 IE11，漏洞多的问题依然存在，IE 逐渐沦为用户口中“下载浏览器的浏览器”。

2014 年，美国国土安全部建议用户不要使用 IE 浏览器，因为 IE6 至 IE11 的所有 IE 浏览器容易受到攻击，导致安装该浏览器的操作系统面临“完全瘫痪”。

IE 浏览器的份额在继续下跌，2007 年，IE 市场份额不足 70%，Firefox 则达到 25%；2010 年，IE 市场份额跌至 50% 以下，而 Firefox 浏览器的市场份额超过 30%；2012 年，IE 浏览器份额跌至第二，自 1999 年以来首次丢掉市场第一的位置，但终结 IE 浏览器的不是 Firefox，而是谷歌的 Chrome。

第三次浏览器大战：chrome崛起

2008 年 9 月 1 日，谷歌发布了 Chrome 的测试版，Chrome 的许多优点是 IE 不具备的，比如渲染速度快、插件丰富，扩展能力强、安全性高、界面美观等。Chrome 自 2009 年 7 月起市场占有率稳步提升，最终取代 IE，成为市场领头羊。

Chrome 的内核为 Blink，基于开源的浏览器内核 WebKit 开发，而 WebKit 也是 Safari 的内核。

最重要的是，谷歌在发布 Chrome 之初便将 Chromium 浏览器开源，Chromium 相当于一个浏览器的“毛坯房”，一个框架，所有人可以使用、参观和借鉴，而 Chrome 浏览器则是谷歌依据自身需要，在 Chromium 基础上“装修”好了的谷歌特色“精品房”，增加了谷歌的特色功能和服务，但不开源。

同时，谷歌也会在 Chromium 上测试新功能，经过验证后再在 Chrome 上实现。

Chrome 和 Chromium 的 logo 对比

开源的 Chromium 广受欢迎，许多浏览器选择基于 Chromium 开发，比如 Opera、360、猎豹、UC、Yandex（俄罗斯）等，因此，这些浏览器常常被调侃为“换皮 Chrome”。

面对强势的 Chrome，IE 毫无招架之力，节节败退，到了 2015 年，IE 市场份额跌破 20%，Chrome 则超过 55%，Firefox 市场份额也逐渐下跌，从巅峰的 30% 下降至不足 20%。

最终，微软在 2015 年 3 月宣布放弃 IE 浏览器，并用 Edge 浏览器代替 IE 浏览器。第二次浏览器大战以 IE 浏览器被淘汰，Chrome 全面胜利告终。

2018 年，微软宣布 Edge 也将基于 Chromium 开发，加入 Chromium 大家庭，如今，几乎所有浏览器都可以溯源至 WebKit 内核，只剩 Firefox 还在坚持使用 Gecko 内核。

APP：移动互联网到来

大部分人当初都不会想到，2007 年苹果那场发布会上，乔布斯首次向人们展示的 iPhone，会如此深刻地改变了互联网，从此，互联网重心由桌面端逐渐向移动端转移，人们上网的方式也随之改变，应用程序变得愈发重要，浏览器不再是最主要的互联网入口。

如今，除了 Safari 和 Firefox，剩余浏览器都加入 Chromium 阵营，Chrome 一家独大，浏览器的战争结束了吗？显然没有，浏览器这块蛋糕，谁都不愿轻言放弃，只是蛰伏起来，等待良机掀翻 Chrome，例如微软的 Edge。

五、浏览器的工作原理

主流浏览器

	Internet Explorer（IE浏览器） Internet Explorer（IE浏览器）是微软公司（Microsoft）发行的一款 web 浏览器。它发布于 1995 年，是当今最流行的浏览器之一。
	Microsoft Edge 浏览器微软新一代浏览器。微软新的 IE 浏览器项目 Project Spartan 在 Build 2015 上正式更名为 Microsoft Edge。最新的 Edge 采用了 Chromium 内核，当然也兼容以前 IE 的功能。
	Google Chrome（谷歌浏览器） Google Chrome（谷歌浏览器）是由 Google 公司开发一款开源免费的 web 浏览器。它发布于 2008 年，是当今最常用的浏览器。
	Firefox（火狐浏览器） Firefox（火狐浏览器）是来自 Mozilla 的一款 web 浏览器。它发布于 2004 年，也是当今最流行的浏览器之一。
	Apple Safari（苹果 Safari 浏览器） Safari 是由苹果公司开发的一款 web 浏览器，它是 Mac 系统的默认浏览器。Safari 以其时尚的设计而著称。
	Opera 浏览器 Opera 是挪威人发明的一款 web 浏览器。它以下列特性而闻名于世：快速小巧、符合工业标准、适用于多种操作系统。对于一系列小型设备诸如手机和掌上电脑来说，Opera 无疑是首选的浏览器。
	Mozilla 项目 Mozilla 项目是从 Netscape 的基础上发展起来的。今天，基于 Mozilla 的浏览器已经演变为互联网上最大的浏览器家族。
	Netscape 浏览器 Netscape 是首个商业化的 web 浏览器。它发布于 1994 年。在 IE 的竞争下，Netscape 逐渐丧失了它的市场份额。Netscape 的官方开发结束于 2008 年 2 月。

浏览器现状

~https://gs.statcounter.com/~

浏览器的整体架构

浏览器工作原理可以概括为一句话：浏览器把用户输入的 URL，经过”网络请求 → 解析构建 → 布局绘制”三大阶段。

现代浏览器普遍采用多进程架构，核心进程包括：

浏览器主进程（Browser Process）：负责界面管理、地址栏、书签、前进后退，以及统筹调度其他进程。
渲染进程（Renderer Process）：每个标签页通常一个，负责解析 HTML/CSS、执行 JS、排版与绘制。这也是浏览器最核心的部分。
网络进程（Network Process）：处理所有网络请求、缓存、Cookie。
GPU 进程：负责页面的合成与最终上屏。
插件进程：隔离运行各类浏览器插件。

多进程的核心目的是稳定、安全、流畅：某个标签页崩溃不会拖垮整个浏览器，同时通过沙箱机制限制恶意代码的破坏范围。

第一阶段：网络请求（从 URL 到数据）

URL 解析：浏览器判断输入是搜索词还是网址，并拆解出协议、域名、路径等。
DNS 查询：把域名解析成 IP 地址（会依次查浏览器缓存 → 系统缓存 → 路由器 → ISP DNS → 根域名服务器）。
建立连接：通过 TCP 三次握手建立连接，若为 HTTPS 还要进行 TLS 握手协商密钥。
发送请求 / 接收响应：发送 HTTP 请求，服务器返回 HTML 等资源。
缓存判断：浏览器会根据强缓存、协商缓存决定是否直接复用本地资源。

第二阶段：解析与构建

网络返回的 HTML 到达渲染进程后：

HTML → DOM 树：浏览器逐字节解析 HTML，构建出 DOM（文档对象模型）树。
CSS → CSSOM 树：解析样式表，构建 CSSOM 树。
合成渲染树（Render Tree）：将 DOM 与 CSSOM 结合，只保留需要显示的节点及其样式。
遇到 <script> 的阻塞：如果脚本没有 async/defer，会暂停 HTML 解析、优先执行 JS，这也是脚本影响首屏性能的原因。

第三阶段：布局与绘制

布局（Layout / Reflow）：计算每个元素在屏幕上的确切位置和大小。
绘制（Paint）：把每个节点转换成实际的像素，生成绘制指令。
合成（Composite）：将页面分层，交由 GPU 合成最终画面并上屏。

这里有个关键区分：修改几何属性（宽度、位置）会触发重排，代价高；只改颜色、透明度等则可只触发重绘或仅需合成，代价较低。 这是前端性能优化的重要依据。

贯穿全程的：JavaScript 引擎

JS 引擎（如 V8）负责执行脚本，核心特点是：

单线程 + 事件循环（Event Loop）：JS 主线程一次只做一件事，通过任务队列、宏任务/微任务机制实现异步。
与渲染的协作：JS 执行、样式计算、布局、绘制都在主线程上排队，因此长时间运行的脚本会卡住整个页面渲染。

浏览器内核

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。

所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

名称	前缀	示例	代表浏览器
Gecko内核	-moz-	-moz-animation	Firefox
Webkit内核	-webkit-	-webkit-animation	Safari、曾经的Chrome
Trident内核	-ms-	-ms-animation	IE
Presto内核	-o-	-o-animation	Opera（挪威）
Blink	-webkit-	-webkit-animation	Chrome/Chromium、Edge

《新媒体交互设计》——第7讲 互联网发展史