Web浪漫历程:揭秘二十年间与您“约会”的浏览器发展

🧑‍💼 个人简介:一个不甘平庸的平凡人🍬

👉 你的一键三连是我更新的最大动力❤️!

📢 欢迎私信博主加入前端交流群🌹

📑 前言

哈喽,大家好啊!👋

因为自身的原因已经好久没发文了,本篇文章我们来简单谈谈 浏览器 这个前端"饭碗"的发展史,让我们开始吧!

🤔 Web 是什么?

对于一个 Web前端 从业者,这好像是一个很简单,但又很难以述说的问题。

  • 因为热爱,我们没法一言两语形容,特别是在当今 Web 发展迅猛的时代,我们内心的感慨和想要炫耀自身从事行业的心情难以言表。
  • 因为发展,我们更没法去划定她的界限,她已经庞大模糊到没了准确的界限,无处没有她,处处都是她。

我问 ChatGPT:Web 是什么?它说:

Web(World Wide Web)是指全球范围内通过互联网访问的一系列互连的文档和资源的集合。它是一种基于互联网的信息系统,通过使用超文本传输协议(HTTP)进行通信,以及使用统一资源定位符(URL)标识和定位资源。

Web 的核心概念是超文本,即由文本、图像、音频、视频等多媒体元素组成的文档,通过超链接相互连接。用户可以通过 Web 浏览器(如Chrome、Firefox等)访问这些文档和资源,浏览和导航网页,与互联网上的内容进行交互。

Web 的发展和普及,使得人们可以通过互联网轻松地获取和共享信息、进行电子商务、社交媒体、在线娱乐等各种活动。Web 成为了现代社会中不可或缺的一部分,为人们提供了方便、快捷和丰富多样的在线体验。

需要注意的是,Web 和互联网并不完全等同。互联网是一个全球性的计算机网络,而Web 是运行在互联网之上的一种应用和服务。除了Web,互联网还包括电子邮件、文件传输协议(FTP)、即时通讯等其他应用和服务。

不可否认,Web 已经成了一种概念,一种互联网上极其重要的概念。

而 Web 的发展离不开她的男友之一 ------ "浏览器" (为什么是之一?想想 Web3 吧!)

⛰️ 先驱者

Mosaic (翻译为:马赛克)浏览器,是互联网历史上第一个普遍使用能够显示图片的网页浏览器,于1993年问世。这一年前端"门面" HTML 也有了第一个规范的提案。可以说 Web 的征程或者 前端 的征程从此刻正式出发!

虽然经常被误认为世界上第一个图形接口浏览器,但事实上比 Mosaic 更早的还有 WorldWideWeb、鲜少人知的 Erwise 和 ViolaWWW 等,这些被人们遗忘的先驱者会永远被历史铭记!
最初的Mosaic是由马克·安德森为核心的开发组在伊利诺斯大学里的国家超级计算中心NCSA)开发的,因为当初操作系统也才刚起步没多久,所以这时的 Mosaic 还只是针对 Unix 操作系统,并且由于是用大学的资金和设备开发的,Mosaic的著作权归属于NCSA ,所以此时的 Mosaic 全称应该是 NCSA Mosaic。但之后 NCSA 将 Mosaic 的商业运营权转售给了 Spyglass 公司。

Navigator (领航员)浏览器于1994年10月13日由网景公司在网上发布,它同样是由马克·安德森带领团队开发的(大佬不愧是大佬)。伴随着 Navigator 的发布,由网景公司的布兰登·艾奇(Brendan Eich)开发的前端的"神" JavaScript 正式上线!

布兰登·艾奇是 Mozilla 基金会和 Mozilla Firefox(火狐浏览器)的联合创始人。
1994 年Mosaic研发的核心成员马克·安德森(Marc Andreessen)和几何图形发生器的发明人吉姆·克拉克(Jim.H.Clark)共同创立了 Mosaic Communication Corporation。同年11月为了避免与NCSA的法律纠葛,公司更名为 Netscape Communication Corporation网景公司 。安德森作为公司的技术副总裁,带领着一班人全面重写 Mosaic 的代码,最终开发的 Netscape Navigator(网景领航者)没有一行代码来自 Mosaic!
可惜的是 1998年1月,网景与微软IE浏览器竞争失利,为了挽回市场,网景通信公司公布旗下所有软件以后的版本皆为免费,并开放 网景通信家 4 的源代码,成立了非正式组织 Mozilla(谋智)Mozilla 项目启动,新开发的浏览器渲染引擎最后被网景市场部门命名为 Gecko,至今仍被 Firefox 浏览器使用着。

Netscape Communicator(中译"网景通信家")的 网景版号4 是整个软件套装的总称。内含网页浏览器网景导航者、电子邮件客户端和新闻组软件 Netscape Mail & Newsgroups、Netscape Address Book 和 Netscape Composer 等。在此之前,网景导航者既是整个软件套装的名字,又是程序中的浏览器的名字,常会引起一些混乱。

Opera 浏览器是 Opera Software ASA 公司与 1995年4月 发布,现如今它的市场份额逐年下降(没错,二十年了,它还在运行),熬过了漫长且困难的浏览器内核研发过程,最后还是投向了 Google blink 的怀抱。

IE 浏览器由微软于1995年8月16日推出,IE是从 Spyglass Mosaic 浏览器中派生出来的,因为内置于 Windows ,IE的发展非常迅猛,最后还把 Navigator 给干倒了,但可惜最后不求上进,逐渐被人们抛弃。直到近几年,微软才逐渐反思自身大力推出并积极改进 Edge 浏览器。

曾有一段时间我对 Edge 非常着迷,甚至抛弃了 Chrome ,但最后 Edge 越来越臃肿、越来越复杂、越来越庞大,感觉微软又好像是丢了"初心",所以最后我还是回到了 Chrome 的怀抱,真是当初不知谷歌好,错把微软当成宝!

微软为抵抗当时主流的网景浏览器(Netscape Navigator),与 Spyglass 公司合作,并取得了 Spyglass Mosaic 的源代码和授权.
虽然 Spyglass Mosaic 与 NCSA Mosaic(首款应用的最广泛的网页浏览器) 非常相似,但 Spyglass Mosaic 并没有取得很大的市场和名气,并且它还使用了 NCSA Mosaic 少量的源代码。

🌈 布道者

Firefox (火狐)浏览器,网景公司后来成立的 Mozilla 组织开发了Mozilla Firefox,其前身 Phoenix 0.1 最早于 2002-09-23 发布。

Firefox 可以说是现如今"血统"最纯正的浏览器,对于前端开发而言,它总能第一时间支持新特性,因此受到很多人的热爱,目前正在与 Edge 争坐全球市场占有率第三的位置。(没错,微软这个老 6 成功靠 Edge 在浏览器界翻了身)

前端"菜谱"MDN是 Mozilla 基金会的开发者网络平台,是属于 Mozilla 的!

Safari 浏览器,由苹果公司与2003年发行测试,使用 Webkit 内核,目前全球市场份额第二(将来极有可能会被 Edge 超越)。

Webkit 是苹果基于 KHTML 开发并开源的,WebKit 的最终决策权在于苹果,Google 为开源的 Webkit 贡献了近 50% 的代码,其后发布的早期版本的 Chrome 也是基于 Webkit 的。后期版本的 Chrome 使用的内核为 blink。

Chrome 浏览器,由 Google 开发并于2008年发布测试版,是目前全球市场份额最大的浏览器(市场占有率超 6 成),是一款拥有极致性能和极简风格的浏览器,前端开发者的最爱!

Chrome 使用的V8引擎直接将JS代码编译成原生机器码(0,1),并且使用了如内联缓存(inline caching)等方法来提高性能。有了这些功能,JavaScript程序在V8引擎下的运行速度媲美二进制程序。

V8 是Google开源的 JavaScriptWebAssembly 引擎,用 C++编写。它用于ChromeNode.js等。
Chromium (Chorme的开源项目)相当于Chrome的工程版或称实验版

🛸 结语

好啦,今天的浏览器之谈就先到此为止啦🤗,如果您有什么建议或者想法欢迎在评论区或者私信交流哦,一起学习,一起进步,加油!

如果本篇文章对你有所帮助,还请客官一件四连!❤️

相关推荐
贩卖纯净水.2 分钟前
Chrome调试工具(查看CSS属性)
前端·chrome
栈老师不回家1 小时前
Vue 计算属性和监听器
前端·javascript·vue.js
前端啊龙1 小时前
用vue3封装丶高仿element-plus里面的日期联级选择器,日期选择器
前端·javascript·vue.js
一颗松鼠1 小时前
JavaScript 闭包是什么?简单到看完就理解!
开发语言·前端·javascript·ecmascript
小远yyds1 小时前
前端Web用户 token 持久化
开发语言·前端·javascript·vue.js
吕彬-前端2 小时前
使用vite+react+ts+Ant Design开发后台管理项目(五)
前端·javascript·react.js
学前端的小朱2 小时前
Redux的简介及其在React中的应用
前端·javascript·react.js·redux·store
guai_guai_guai3 小时前
uniapp
前端·javascript·vue.js·uni-app
帅比九日3 小时前
【HarmonyOS Next】封装一个网络请求模块
前端·harmonyos
bysking3 小时前
【前端-组件】定义行分组的表格表单实现-bysking
前端·react.js