?作者 | Andreas Kling

策劃 | 徐杰承

審校 | 云昭

51CTO讀者成長計劃社群招募，咨詢小助手（微信號：TTalkxiaozhuli）

從頭構(gòu)建一個新瀏覽器？這如果是不是個天大的“偽需求”，便是一場開發(fā)者的噩夢！

要知道，如果沒有上百億的資金和數(shù)百名研發(fā)工程師的投入，從頭開始構(gòu)建一個新的瀏覽器引擎，幾乎是不可能的。

然而SerenityOS系統(tǒng)的作者Andreas Kling卻帶領(lǐng)著一支僅有數(shù)十人且?guī)缀鯖]有資金支持的開源項目小隊僅花兩個月便完成了這項任務(wù)——從0到1構(gòu)建了一款跨平臺Web瀏覽器Ladybird（瓢蟲）。截至目前，瓢蟲已實現(xiàn)了在Linux、macOS、Windows（WSL）和Android等系統(tǒng)上運行。

本文就帶領(lǐng)大家一探此事的究竟。

一、“輪子之王”兩個月實現(xiàn)小目標

起初，Andreas希望將瓢蟲作為 SerenityOS 系統(tǒng)的“LibWeb”瀏覽器引擎，隨后Andreas Kling為其構(gòu)建了一個簡單的GUI。隨著瓢蟲項目的不斷完善，在啟動僅兩個月后，它已經(jīng)成為一個跨平臺的Web瀏覽器。

在此之前，Andreas Kling曾有過Qt和WebKit項目的開發(fā)經(jīng)驗，而除了Qt，整個Ladybird瀏覽器的組件（包括LibWeb和LibJS等渲染組件）幾乎全是Andreas Kling一手打造的，這也使其在圈內(nèi)擁有了“輪子之王”的綽號。

在完成這項難以置信的壯舉后，Andreas Kling收到了不少來自圈內(nèi)朋友的贊譽和提問，而其中重復(fù)度最高的一個問題便是：“你的團隊為何能在構(gòu)建瓢蟲瀏覽器方面取得如此快速的進展，這從表明看起來是完全不可能的。”

二、也許不能復(fù)制的五個秘訣

近期，Andreas Kling也正式通過一篇博客回應(yīng)了這個問題，并將這次成功歸結(jié)為了五個方面。

1.更強的網(wǎng)頁規(guī)范

在啟動Ladybird項目前，我們已經(jīng)在HTML4和CSS2.1的模糊時代走了很長一段路。今天的ECMAScript、HTML和CSS規(guī)范(在大多數(shù)情況下)都擁有一流的技術(shù)文檔，與過去相比，它們的算法可以用更少的工作和測試來實現(xiàn)。

瓢蟲在體系結(jié)構(gòu)層面會盡可能地匹配在各種網(wǎng)絡(luò)規(guī)范中所描述的體系結(jié)構(gòu)。這使得新加入項目的開發(fā)人員更容易適應(yīng)，因為他們在參與開發(fā)前只需要學(xué)習(xí)一種架構(gòu)而不是幾種。

然而盡管如此，這與理想情況仍然存在差距，一些較為獨特且不常見的特性給研發(fā)工作帶來了一定困難。但值得慶幸的是，W3C有一個活躍的編輯社區(qū)致力于改善這些問題。我們在Ladybird上所做的大量工作包括使我們的代碼庫都能夠適應(yīng)這些規(guī)范編輯器所進行的更新。

我們也在努力改進規(guī)范：瓢蟲的開發(fā)人員經(jīng)常會報告規(guī)范錯誤，有時甚至還會提交pr來直接改進規(guī)范。但歸根結(jié)底，在一個全新的瀏覽器引擎中實現(xiàn)一個規(guī)范，可以很好地驗證該規(guī)范的完整性及可靠性。

2.專注于垂直領(lǐng)域

雖然今天的網(wǎng)頁規(guī)范確實比以往任何時候都好，但許多特性仍然跨越多個規(guī)范，通常在子系統(tǒng)之間有細微的交互，實現(xiàn)者必須理解這些交互。如果開發(fā)人員試圖一次只構(gòu)建一個規(guī)范的瀏覽器，甚至一次只構(gòu)建一個特性，那么其很可能會失去動力并因繁雜的工作而失去興趣。

因此，我們傾向于專注于構(gòu)建功能的“垂直切片”。這意味著需要設(shè)定實際的、交叉的目標，比如“讓我們加載twitter.com/awesomekling”，“讓我們登錄discord.com”，以及其他類似的目標。在垂直切片上工作有助于保持開發(fā)者的動力，隨著網(wǎng)站的進步，每一位參與者都能看到實際的變化，這會給大家?guī)順O大的動力。

這種方法在一定程度上是可行的，因為web本身是圍繞優(yōu)雅降級設(shè)計的，這意味著瀏覽器可以呈現(xiàn)web內(nèi)容，同時只支持站點使用的一些功能。你可能認為這種方法會產(chǎn)生一個“兼容網(wǎng)站”的小集合和一大堆無法運作的代碼，但實際情況是水漲船高的，當(dāng)我們專注于改進一個網(wǎng)站時，成千上萬的其他網(wǎng)站也會得到改進。

3.后置性能優(yōu)化

我們目前并沒有花太多精力優(yōu)化瓢蟲的性能。相反，我們的主要關(guān)注點是解決與正確性和兼容性相關(guān)的問題。這種方法能幫助我們在深入優(yōu)化之前專注于確保瀏覽器按預(yù)期工作。當(dāng)然這并不是說我們不關(guān)心瀏覽器性能。我們希望瓢蟲瀏覽器最終能夠?qū)崿F(xiàn)快速響應(yīng)。

這是一個遵循一定規(guī)律的選擇，不要花太多時間優(yōu)化一個還不能正常工作的產(chǎn)品。例如，雖然我們幾乎可以確定將會優(yōu)化JavaScript執(zhí)行或渲染速度的區(qū)域，但我們會有意識地選擇優(yōu)先修復(fù)渲染錯誤或與流行網(wǎng)站的兼容性問題。

但有時我們也確實會為慢得難以忍受的事情破例。畢竟對于一個開源項目而言，我們不想讓開發(fā)者的貢獻過程變得不愉快。在遇到這種情況時，我們會花一定時間解決最重要的性能瓶頸，以保持相對良好的開發(fā)體驗。但在這個階段，我們并沒有跟蹤基準分數(shù)之類的東西。不過，一旦我們在正確性和兼容性方面取得了堅實的基礎(chǔ)，那么下一步要做的便是優(yōu)化性能。

4.強大的團隊文化

在Ladybird開發(fā)團隊一起工作的時間里，我們形成了強大的團隊文化。這里的文化是高度樂觀的，每個人都抱有“我能行”的態(tài)度。雖然由于采取開源協(xié)作的工作模式，Ladybird團隊分布在世界各地，但我們都會在Discord上見面聊天，互相激勵。團隊中的開發(fā)人員也經(jīng)常合作，參與彼此的項目。

每個在Ladybird團隊中工作的人都被鼓勵在項目中探索自己的個人興趣而不是被指定任務(wù)。團隊中的大多數(shù)人在加入我們之前都從未接觸過瀏覽器代碼，但在加入項目后，他們會迅速成為世界級的瀏覽器開發(fā)人員，這也使得每一個項目的參與者能夠收獲足夠的獲得感。

此外，由于瓢蟲是SerenityOS項目的一個分支，它具有與SerenityOS同樣的責(zé)任感和自力更生的文化。我們在開發(fā)瓢蟲瀏覽器時幾乎避免了所有的第三方依賴，由開發(fā)人員自己構(gòu)建一切。這樣做的一部分原因是由于從0開始是一件很有趣的事情，此外也正因如此，這種開發(fā)模式為我們的軟件創(chuàng)建了全面的責(zé)任制，每個人都會盡力對自己所寫的代碼負責(zé)，在出現(xiàn)問題時也能更快的進行響應(yīng)，而無需等待第三方的反饋。

5.擁有一位經(jīng)驗豐富的領(lǐng)導(dǎo)

在比較復(fù)雜的項目中，一位經(jīng)驗豐富的領(lǐng)導(dǎo)可以發(fā)揮重要作用。我曾有機會在產(chǎn)品瀏覽器領(lǐng)域工作多年(在蘋果和諾基亞)，這讓我對瀏覽器的構(gòu)建以及各組件的組成方面有著比較深刻的理解。

當(dāng)沒有這方面經(jīng)驗的開發(fā)者看到需要組合一個瀏覽器的大量技術(shù)和規(guī)范時，可能會感到不知所措，但我能夠清楚地知道如何將它們合理的組合在一起并使其工作。

在瓢蟲瀏覽器的開發(fā)過程中，參與其中的開發(fā)者不需要過多考慮自己的想法或所寫的代碼是否可行，而是可以直接在與團隊進行簡單溝通后便開始工作，這會為整個項目省了大量時間，參與者也不會因為過多的意見分歧而產(chǎn)生不良情緒。

在更實際的情況下，我真正負責(zé)的工作通常是在各組件的鏈接與交互之間-瀏覽器的部分沒有嚴格指定(例如布局和渲染)。對于缺乏經(jīng)驗的瀏覽器開發(fā)人員來說，他們可以更專注自己所擅長的領(lǐng)域而不必過多擔(dān)心其他問題。

三、關(guān)于再造瀏覽器：杠精之間的討論

既然有了Chrome、Firefox瀏覽器，為什么還要再造一個呢？這當(dāng)然不是個好主意。

一位Reddit用戶對于之所以會出現(xiàn)“再造瀏覽器”的情況，是因為歷史上所有的瀏覽器都構(gòu)建了自己的“怪癖”庫，或者超出了標準范圍的功能，或者干脆不符合標準。他還舉例說：IE、Chromium、Safari一直都是“越界”來滿足用戶的需求，并期待自己的實現(xiàn)版本能成為標準。這位用戶還吐槽：Safari是唯一一個給我?guī)碚嬲闊┑臑g覽器。

簡言之，用戶所期望的域瀏覽器的標準本身就存在差距。

即便再造一個，也可能只會是制造適用于某些站點的瀏覽器。因為有的網(wǎng)站只支持Chrome。很多用戶在遇到類似的情況下只能選擇它，而放棄Firefox。

其實不管重寫一個瀏覽器是不是個偽需求，但一位Reddit用戶仍然對此表示了贊許：“Kling的努力遠超過了它的體量。”同時對于該瀏覽器的向后兼容性以跟上網(wǎng)絡(luò)標準并提供可行的替代平臺表示擔(dān)憂。

有網(wǎng)友進一步分析，這個瀏覽器跟Chrome相比，是不需要完美的像素渲染的。并指出“如果排名前100的網(wǎng)站能在其上正常運行，那這個項目才是成功的”。

有網(wǎng)友反駁道：這個瀏覽器是為開發(fā)人員自己準備的，不應(yīng)吹毛求疵。

四、寫在最后

雖然時至今日，Ladybird瀏覽器中的部分功能依然存在一些錯誤，甚至一些功能還需要很長時間才能真正投入日常使用。但目前這只小瓢蟲已經(jīng)震動雙翅飛向了天空。Ladybird 的出現(xiàn)，增加了瀏覽器和瀏覽器引擎的多樣性，不少開發(fā)者也表示了對項目的贊許：“這是一項令人難以置信的艱巨任務(wù)，雖然一個小型的非商業(yè)項目不太可提供一個可行的替代瀏覽器平臺。但這只小瓢蟲成功擊碎了‘不可能’的標簽。”

對此，Andreas Kling也表示：我們依然在努力讓Ladybird變得更好、更快，我們會持續(xù)關(guān)注關(guān)注Ladybird各類功能的正確性和功能支持，并對整體新能進行優(yōu)化。

在博客末尾，Andreas Kling提到：盡管我不確定我們的工作方式可以直接轉(zhuǎn)移到其他軟件項目上(除非它們也是瀏覽器)并給其他團隊帶來幫助，但是通過一個由聰明、專注的個人組成的小團隊和一個知識淵博的領(lǐng)導(dǎo)者來指導(dǎo)他們，你可以嘗試構(gòu)建任何你想要的軟件。你當(dāng)然可以做到，即使沒有數(shù)十億美元和數(shù)百名員工，沒必要聽取那些從未開發(fā)過瀏覽器的失敗主義者的紙上談兵。