瀏覽器的發展

搜尋事物背後的那些故事，可能纔會讓你看清它的本質。 ———— 本人觀點

前言：做爲程序員，瞭解瀏覽器的歷史有用麼？本人認爲，雖然說程序員是靠手藝吃飯的，但技術是會不斷迭代變化的，每當出現一種新技術、 新概念、新框架，你不可能再從頭學一遍（腦子就那麼大，難道要把它塞爆麼-_-!）。固然了，面對新事物，學是必要的，但若瞭解一下你所用技術背後的那些故事（歷史），或許你會有不一樣的體會和發現，這個可能纔是最本質的東西。

---

時間節點

1. 1990年，萬維網之父 Tim Berners-Lee 開發出第一個瀏覽器 WorldWideWeb，後更名爲 Nexus （避免和 the World Wide Web 重名）。1993年4月30日，公佈源碼，1994年中止開發。
2. 1991年，4個芬蘭學生開發 Erwise，1992年4月， 第一個圖形界面瀏覽器 Erwise 發佈，同年8月公佈源碼。
3. 1992年4月， Pei-Yuan Wei 發佈第一個支持 Viola 腳本、樣式表、表格的瀏覽器 ViolaWWW。Viola Home Page
4. 1992年末， Marc Andreessen 領導團隊開發出第一個被普遍使用的瀏覽器 Mosaic，1993年發佈，1997年7月7日中止開發。
5. 1993年，Marc Andreessen 畢業後同另外兩人重寫 Mosaic，後命名爲Netscape Navigator。
6. 1994年，Opera 做爲一個研究項目被啓動。
7. 1995年8月16日，微軟發佈 IE，第一次瀏覽器大戰開始。
8. 1996年，Opera 2.10發佈。
9. 1997年，IE 採用 Trident 渲染引擎。
10. 1998年，網景爲了挽回瀏覽器大戰的失敗局面，成立 Mozilla 基金會。於1997年開始開發的 Gecko 渲染引擎一同被開源。
11. 1998年，蘋果參與 KDE 開源社區發起的渲染引擎KHTML項目。
12. 2001年，蘋果因和 KDE 社區的分歧，建立 KHTML 分支— Webkit。
13. 2002年，Mozilla 以 Phoenix 爲項目名建立 Firefox。
14. 2003年1月7日，蘋果發佈 Safari。
15. 2004年11月9日，Firefox 發佈，第二次瀏覽器大戰開始。
16. 2005年，蘋果開源 Webkit。
17. 2008年，谷歌建立以 Webkit 爲內核的 Chromium。
18. 2010年，蘋果宣佈 Webkit2。
19. 2013年1月28日，使用新渲染引擎 Presto 的 Opera 發佈。
20. 2013年4月，谷歌因和蘋果出現了內核發展分歧，建立 Webkit 分支— Blink。
21. 2013年5月28日，Opera 內核替換成 Blink。
22. 2015年，微軟放棄 IE，發佈 Microsoft Edge。
23. 2017年， Mozilla 宣佈了爲 Firefox 全新的打造的 Quantum 版本，號稱新時代的最快瀏覽器。
24. 2017 年 10 月，微軟上線了基於 Chromium 的 Android 版 Edge。
25. 2018 年 12 月，微軟放棄 EdgeHTML 引擎開發， 桌面版 Edge 直接採用Chromium。

以上是我以前整理的一些瀏覽器的相關時間節點，然而在準備這篇文章的時候，我又發現了來自維基百科的 瀏覽器時間線（鮮爲人知的瀏覽器原來這麼多！）。

瀏覽器的開端——1989 年 3 月 12 日

1989 年 3 月 12 日，Tim Berners-Lee 和 Robert Cailliau 一塊兒向歐洲核子研究組織（簡稱：CERN）提交了一篇名爲《關於信息化管理的建議》（英文： Information Management：A Proposal）的提議。

隨後，Tim Berners-Lee 架設了人類歷史上第一個網站info.cern.ch，設計並製做了世界上第一個網頁瀏覽器WorldWideWeb。

若 Tim Berners-Lee 當時對他的發明申請專利，那他必定會變成世界上最富有的人，由於他的發明已經徹底融入了咱們的生活，他曾考慮過開公司銷售網絡瀏覽器軟件，但最後仍是決定把他的發明貢獻出來。這應該是每個web開發者都要記住的日子。

瀏覽器大戰

1993年，Marc Andreessen 領導的團隊推出了 Mosaic 瀏覽器（Netscape Navigator 的前身） ，隨後創立了Mosaic Communication Corporation，爲了不與 NCSA（National Center for Supercomputing Applications） 發生法律糾葛，公司改名爲Netscape Communication Corporation，即網景公司。他領導公司致力於超越 Mosaic 的新一代瀏覽器的開發，命名爲 」Netscape Navigator」，研發代號：Mozilla（Mozilla = Mosaic + Killer）。

此時，網景瀏覽器開始普及，並逐漸受到人們的歡迎。

第一次瀏覽器大戰——壟斷的造成

1995年，在網景瀏覽器取得市場絕對主導地位的同時，微軟意識到了瀏覽器的市場地位，在獲取Mosaic的受權後，推出了 Internet Explorer 1 ，藉助本身操做系統的市場地位，和Windows系統捆綁免費銷售，開始搶佔瀏覽器市場。大戰一觸即發，一直持續到1998年。

這場大戰最終以微軟成功搶佔了網景的瀏覽器地位爲了結。在這場大戰中，IE的迭代速度十分迅速，率先打造出了第一款支持CSS的商用瀏覽器（IE4），讓網頁的開發各加便捷。Trident、Gecko渲染引擎出現。Mozilla 組織創建。

但殘酷的競爭，也帶來了一些問題：

1. 優先增長新功能，而滯後問題的修復速度；
2. 採用專屬格式，不聽從標準；
3. 爲了讓更多的網頁顯示在IE瀏覽器裏，微軟在UA上增長「兼容性標識」，UA開始變得愈來愈混亂；
4. 殘留的兼容問題和bug，給之後的開發者帶來了巨大的負擔；

第二次瀏覽器大戰——新格局的出現

在接下來的時間裏，Netscape 也沒有坐以待斃。Mozilla組織的創建，正式爲下一代瀏覽器 Firefox 作準備。但因種種因素影響，搭配全新 Gecko 渲染引擎的 Firefox，直到2004年才正式推出。

再看微軟，由於這場勝利，IE 的迭代也開始放慢了腳步。不過這個局面並無持續過久。

2003年，蘋果公司搭配自家的 Mac OS 推出了 Safari瀏覽器。但受限於 Mac 的用戶羣體，並無造成實際的影響。2005年，蘋果開源了 Safari 的內核（Webkit，基於KHTML）。

2008年，谷歌以 Webkit 爲內核，建立了 Chromium瀏覽器。同年，面向大衆給用戶的 Chrome 問世。搭載着自研的 V8 引擎，讓 JavaScript 的性能得以提高，受到開發的青睞。2013年，Chromium 團隊因 Chromium 與 WebKit2 存在架構上的分歧，決定 開始研發本身的渲染引擎 —— Blink（在Chrome28及日後的版本使用）。

新瀏覽器、新內核的出現，逐步影響着 IE 的市場，但當微軟反應過來的時候，爲時已晚，IE 自身的諸多歷史問題和新晉瀏覽器的易用，讓這場變化不可逆轉。雖然微軟在以後幾年，開始迭代IE，即便發佈了 Microsoft Edge，也已經無濟於事。

瀏覽器「終局」

瀏覽器內核主要分紅：Trident、KHTML、Gecko、WebKit、Presto、Blink、EdgeHTML。

伴隨着，Opera 把Presto內核替換成了 Blink，微軟轉向Chromium（放棄 了EdgeHTML），可見 Chrome 的影響力已經造成。

結語

瀏覽器發展至今，擁抱標準、提高體驗已是一種公認的趨勢。做爲開發者，無論你經歷了瀏覽器大戰，仍是目擊了瀏覽器逐漸穩定，只要你是歷史的經歷者，都必定會有本身的體會，這也是自身對技術一種獨到看法，十分寶貴。這也是爲何，本人會整理這樣一篇文章，技術人在學習技術之餘，瞭解技術的發展脈絡，也會精進自身的技術。

但願你們有所收穫，下期預告 —— 聊聊瀏覽器發展過程，產生的那些JS技術（不是必定是下期的標題！）。

相關文章：

Web 誕生 30 週年：比爾蓋茨表示祝賀，Web 之父卻很是擔心 | 雷鋒網

History — WorldWideWeb NeXT Application

瀏覽器大戰 - 維基百科，自由的百科全書

瀏覽器內核發展歷史簡述 - RYZZ - 博客園

全面瞭解瀏覽器（內核）發展史

小文：淺談瀏覽器發展簡史 - 掘金

【譯】瀏覽器user-agent的歷史 - 掘金

瀏覽器大全 – 瀏覽迷