前言

隨著Windows的官宣，ie瀏覽器將于6月16日正式退役。

https://www.microsoft.com/zh-cn/download/internet-explorer.aspx

那個曾幾何時的瀏覽器之王，經(jīng)歷一次又一次操作系統(tǒng)的迭代，直至新興瀏覽器的出現(xiàn)后淪為瀏覽器鄙視鏈的最后一層，在嘆息與嘲笑聲中跌出神壇，經(jīng)歷了大起大落的二十年，終于要說再見了。

歷史的演進

1.少年被寄予厚望

1995年，微軟正處于勢不可擋的時期，而瀏覽器的市場主要來源于網(wǎng)景公司，一款名為導(dǎo)航者的瀏覽器一統(tǒng)天下。

為了擁有自己的瀏覽器，微軟獲購買了望遠鏡公司的Mosaic瀏覽器版權(quán)，在經(jīng)過魔改后，微軟也擁有了屬于自己的瀏覽器，并取名為Internet Explorer。此時它主要是被應(yīng)用于大學(xué)和研究機構(gòu)之間通過FTP實現(xiàn)文件共享。

幾個月后，微軟又發(fā)布了IE2，這個版本的IE才真正進入了人們的視野。它直接復(fù)制了導(dǎo)航者的一大部分功能，如導(dǎo)入書簽，支持超文本標(biāo)記語言特性等，迅速積累了第一批用戶。為了實現(xiàn)大規(guī)模商用，在第二年IE3就接緊發(fā)布。拋棄了原先使用的Spyglass源代碼，添加了一些新技術(shù)，支持ActiveX、和128位加密等。

微軟的目的，是將IE打造成瀏覽器界的Windows。

2.第一次瀏覽器大戰(zhàn)：登上王位

IE通過頻繁增添新功能的方式迅速挖掘到了市場。但是和網(wǎng)景依然是你追我趕，始終沒能拉開差距。

此時敏銳的微軟借助操作系統(tǒng)上的核心競爭力，馬上決定讓IE成為Windows系統(tǒng)的默認瀏覽器。也就是說，只要你使用了微軟的操作系統(tǒng)，那么默認瀏覽器就是IE。

借助這種捆綁銷售的方式，微軟取得了巨大成功。僅又一年后的1997，微軟就發(fā)布了IE4.0，此時它已經(jīng)握有80%的市場占有率。

很多人覺得IE沒有技術(shù)，其實在早期IE是有技術(shù)的，并且是當(dāng)時絕對領(lǐng)先的技術(shù)。IE4.0采用了Trident渲染引擎，它能夠借助代碼讓頁面實時變化，也就是最早的動態(tài)頁面，放在當(dāng)時可以吊打一眾瀏覽器。

通過先進的技術(shù)和背后的靠山，2003年，它的市場占有率達到了驚人的95%，年僅8歲的它，正式稱王。為了迎合它，蘋果甚至將macOS的默認瀏覽器都設(shè)置為IE。

不夸張地說，它壟斷了當(dāng)時Web瀏覽器市場。

3.毫無作為的5年

也是由于這種壟斷地位，讓微軟覺得互聯(lián)網(wǎng)似乎已經(jīng)沒有對手了。于是在IE6.0發(fā)布之后，微軟就解散了研發(fā)團隊。并且在之后的五年時間里面，都未正視過IE的維護和優(yōu)化。它的技術(shù)依然停留在2003年，那個單進程模式。

隨之降臨的便是越來越多的問題，橫飛的木馬和漏洞，動不動就會卡死的網(wǎng)頁，極慢的啟動速度，以及讓你隨時可能奔潰的心態(tài)。

這五年，是IE技術(shù)和市場的停滯，但也是Web高速發(fā)展的時期。微軟犯了傲慢的錯誤，卻依然享受于作為老大占領(lǐng)市場的快感之中，對瀕臨城下的敵人選擇視而不見。

于此同時，眾多互聯(lián)網(wǎng)公司借此機會打造自己的瀏覽器品牌。

4.新一次瀏覽器大戰(zhàn)：神仙打架

時間來到了2008年，瀏覽器市場已經(jīng)不再是微軟一家獨大了。挑戰(zhàn)它的主要是三個：Safari，Opera和FireFox瀏覽器。

每一家瀏覽器都為了市場不斷優(yōu)化自身，Safari高雅大氣，有著忠實的果粉支持；Opera便捷快速；火狐支持插件，功能眾多。它們都已經(jīng)奠定了用戶基礎(chǔ)。

IE瀏覽器的市場占有率下降到了40%。

盡管有所下降，微軟依然樂觀，堅定自身的操作系統(tǒng)優(yōu)勢可以確保王牌地位，甚至還與火狐瀏覽器在某一段時間成為了友商。

此時的它絲毫不知新的變革即將到來。

5.被迫放棄

同年，一款名叫Chrome的瀏覽器橫空出世，搭載著WebKit內(nèi)核，以安全、快速、高兼容性的三大特點迅速獲得了人們的認可。

僅僅2年時間，便與IE、FireFox形成三足鼎立的局勢。

但是谷歌并不為此感到滿足，為了進一步擴大化自己的市場，更是放了個大招：將自己的Chromium項目開源。

所以Chrome背靠谷歌這個大靠山，走了和早期IE很像的路：積極擴大自身影響力，捆綁谷歌和Chrome。只不過這次年輕的谷歌沒有選擇輕視敵人，它迅速將Chrome推向那個曾經(jīng)屬于IE的王位。

此時的微軟才徹底明白過來，敵人比自己想象的還要強大。

懵逼的同時微軟接連推出了IE7、IE8，并且IE8也在技術(shù)上做了重大變革，從原來的單進程模式切換成了多進程。

2013年，微軟做出了最后的針扎，推出IE11，進一步優(yōu)化界面，加速3D圖形渲染，增加引擎核心數(shù)。但為時已晚，市場占有率依然持續(xù)下降，它古老的界面和差勁的性能伴隨著表情包已經(jīng)深入人心，并且Chrome已經(jīng)真正成為了第一。

2015年，微軟宣布正式放棄IE品牌，不再開發(fā)新版本的IE瀏覽器，搭載著自研EdgeHTML內(nèi)核的Edge瀏覽器問世。

同年IE瀏覽器的市場份額降至2%，這款陪伴了年的IE瀏覽器，正式遠離了我們。

為何走向淘汰

平庸的用戶體驗

如果你是早期的網(wǎng)上沖浪愛好者，那一定因為各種原因主動被動、親身體驗過它，點進去之后是一個較為簡單和復(fù)古的頁面，和其他主流瀏覽器形成了一個對比。甚至它的單調(diào)可能會讓你覺得有點可愛，好像是微軟在和你賣萌一樣。

“都20xx年了，居然還有這種界面存在”？

以及可能在你工作的關(guān)鍵時刻突然卡著不動，然后響應(yīng)以下內(nèi)容：

對它最深刻的印象，除了差勁的體驗感，還有就是來自網(wǎng)友的調(diào)侃：

市場的挑戰(zhàn)和錯誤的商業(yè)判斷

但是如果僅僅只是因為短暫的差評，至少借助Windows這個靠山，在擁有廣大的用戶群體面前，還是有可能快速挽回市場的。

其失敗的根本原因在于微軟的傲慢、對Web領(lǐng)域錯誤的商業(yè)決策上。而決策的錯誤也導(dǎo)致IE在Web崛起的黃金五年里毫無作為。

在2014年年初，微軟公司CEO納德拉表示，要將微軟業(yè)務(wù)重心轉(zhuǎn)移至云業(yè)務(wù)，并且不會延續(xù)對IE的研發(fā)。此時正是蘋果Safari，谷歌Chrome和其他眾多瀏覽器神仙打架的時候，為了發(fā)揮優(yōu)勢搶占市場甚至國內(nèi)的360、百度等瀏覽器，都在技術(shù)和兼容性上下了一番功夫。

于是，在瀏覽器市場的爭奪中失去了領(lǐng)先地位和核心競爭力，取而代之的Chrome瀏覽器登頂霸榜。

那個熟悉的e字母圖標(biāo)，逐漸被人們拋棄。

瀏覽器背后的技術(shù)

內(nèi)核引擎架構(gòu)

瀏覽器界面是一個用戶展示的結(jié)果，其核心技術(shù)體現(xiàn)是在于用戶輸入內(nèi)容到頁面響應(yīng)，也就是「獲取請求、響應(yīng)數(shù)據(jù)、渲染頁面」。而完成這一關(guān)鍵步驟的，是一個叫做瀏覽器內(nèi)核的東西。

每個瀏覽器內(nèi)核都大不相同，但是主體分為兩個部分：渲染引擎（Rendering Engine）和JS引擎。渲染引擎更偏向于數(shù)據(jù)的導(dǎo)航和渲染，JS引擎就負責(zé)解析 Javascript 語言來實現(xiàn)網(wǎng)頁的動態(tài)效果。

不同的瀏覽器、即使同一瀏覽器不同型號可能渲染引擎和JS引擎都不一樣。當(dāng)然不同的瀏覽器也可能使用相同的內(nèi)核，IE瀏覽器的Trident，如國內(nèi)的360極速瀏覽器、百度瀏覽器都在用它。

現(xiàn)在我們最常用的谷歌Chrome瀏覽器，它的核心架構(gòu)是這樣的：

核心進程

早期的瀏覽器，都是單進程架構(gòu)，所以功能也比較簡單。

一個進程中有頁面線程負責(zé)頁面渲染和展示，Js線程執(zhí)行JS代碼。

由于是單進程的結(jié)構(gòu)，所以會引發(fā)很多問題，比如線程卡死問題，一個線程卡死就可能造成整個瀏覽器的崩潰。

還有就是數(shù)據(jù)安全問題，不同tab之間在一個進程內(nèi)是通過共享內(nèi)存共享數(shù)據(jù)的，所以頁面線程和JS線程都可以訪問到對方的數(shù)據(jù)。

現(xiàn)代主流瀏覽器都是使用的多進程結(jié)構(gòu)，并且每個進程的職責(zé)都大不相同，以最常用的Chrome為例，它擁有：

• 一個瀏覽器主進程：用來響應(yīng)Chrome瀏覽器的用戶操作請求，包括地址欄、書簽和各種按鈕，并且也負責(zé)協(xié)調(diào)與其它進程交互工作。

• 一個GPU進程：負責(zé)整個瀏覽器界面的渲染。

• 一個網(wǎng)絡(luò)進程：負責(zé)接收網(wǎng)絡(luò)請求和轉(zhuǎn)發(fā)請求。

• 多個渲染進程：負責(zé)頁面渲染、運行腳本、事件處理等。

• 多個插件進程：負責(zé)控制處理網(wǎng)站使用的所有插件。

Chrome瀏覽器主要是使用以下四種進程模型：

• Process-per-site-instance：默認情況下為用戶訪問網(wǎng)站的每個實例創(chuàng)建一個Renderer進程，這樣可以確保來自不同站點的頁面是獨立呈現(xiàn)的，并且對同一站點的多次訪問也是進程間彼此隔離的。簡單來說就是訪問不同站點和同一站點的不同頁面都會創(chuàng)建新的進程。
• Process-per-site：同一個站點使用同一進程。
• Process-per-tab：一個tab里的所有站點使用一個進程。
• single-process：讓瀏覽器引擎和渲染引擎共用一個進程。

Chrome默認使用的是Process-per-site-instance。優(yōu)點是多進程模式下速度快，并且因為tab和tab之間的信息都是相互隔離的，所以互不影響，實現(xiàn)安全隔離。缺點也非常明顯，太！占！內(nèi)！存！我目前開了兩個瀏覽器頁面，每個頁面上有多個tab，這是目前電腦的內(nèi)存占用情況：

是不是知道你電腦總是內(nèi)存不足的原因了？

為了挽救市場，IE8之后瀏覽器也改為了多進程模式，性能提升了許多。但是此時Chrome、Safari已經(jīng)基于多進程的成熟技術(shù)上展現(xiàn)最極致的用戶體驗了，極速渲染、高頁面FPS和刷新率、自定義插件、開發(fā)者模式等功能都相應(yīng)而出。

IE慢嗎？本質(zhì)上不算慢，只是別人越來越快。

翹首企足的Web世界

在新興的Web時代，我們追求性能，追求體驗，更兼容、更安全。

請不要忘記，曾經(jīng)那個功能簡單，風(fēng)格復(fù)古，披著相似外衣停留在Windows桌面二十余年的IE。它貫穿了一個時代，一個日新月異的時代，一個充滿競爭的時代，最終在前進的路程中敗下陣來。

一粒破土而出的種子，是一顆參天大樹的延續(xù)。

Edge作為它的「種子」，將代表微軟走向下一個二十年。

關(guān)于瀏覽器之間的競爭和迭代從未停止，作為廣大用戶群體的我們應(yīng)期盼未來，擁抱新的改變。

下一個時代的王者是誰，Chrome么？它會被誰超越？