2017年，Mozilla為Web做了哪些事情？
2017 對於 Mozilla 來說是非常重要的一年。我們發布了歷史上最快的 Firefox，重新構建了 DevTools 開發者工具，見證了四個主流瀏覽器對 WebAssembly 的支持，啟動了開源的虛擬現實和語音識別平台。我們的開發者關係團隊也參與了全球 60 多場路演，見證了 MDN Web Docs 網站讀者數量幾乎增加了一倍。
雖然前進的腳步異常艱難，但是我們希望在 2018 年保持這種節奏。我們有大量非常好的即將發布的開源技術，包括所有我們將要在這裡講到的技術和 Mozilla Hacks 博客中涵蓋的技術。感謝你們和我們一路前行，閱讀我們在網路上發布的各種內容。沒有全世界開發者社區的努力，我們不可能實現這一點。如果你希望在 2018 年參與其中，快來訪問我們的社區網站吧。
Firefox Quantum
Firefox 在同一個引擎上運行了十多年，但在 2017 年初，Quantum 出現了。Firefox 需要加速，而 Mozilla 工程師們做到了。他們與 Servo 項目合作，使用新的核心技術重寫了 Firefox 的引擎。首先是 Rust，一種全新的編程語言，可以有效利用最新的多核處理器。其次是 Servo，用 Rust 構建的並行引擎。還有 Stylo（Quantum CSS），它也有效利用了多核處理器。將這些放在一起，你就得到了一個遠超之前版本無數光年的瀏覽器，並且在特定任務上能夠超越其它瀏覽器。這花費了許多年的時間，很多工程師團隊參與其中，包含了四百多萬行新代碼。
想要深入研究它是如何工作的，可以查看 Mozilla 工程師 Lin Clark 在 Mozilla Hacks 上的博客：
https://hacks.mozilla.org/2017/11/a-super-stable-webvr-user-experience-thanks-to-firefox-quantum/
WebAssembly
在 Web 上運行大型複雜 App 一直是開發者的夢想。想像一下，在瀏覽器中不需要插件，就可以編輯圖片、在 3D 世界中遊戲或者編輯視頻。不幸的是，Web 事實上並沒有實現其中任何一項。Web 基於簡單的布局和樣式語言（HTML/CSS）以及 JavaScript，雖然 JavaScript 非常神奇，但是它的性能並不能優化得像原生的語言（例如 C++ 等）一樣好。
然而，在世紀之交，Mozilla 工程師們認為這可以實現。工程師 Alon Zakai 寫了一個 App，可以將 C++ 代碼翻譯成 JavaScript 代碼，並且首席研究員和工程師 Luke Wagner 也和他的團隊一起努力來優化這個結果。在這個過程中，他們創造了 WebAssembly，這是一種新的語言，可以讓大型程序（例如遊戲）在瀏覽器中運行得像在本地運行那樣快。到 2017 年底，所有主流瀏覽器都支持 WebAssembly，讓 Web 變得更快更健壯，讓所有人得到更好的體驗。
Wagner 為 IEEE Spectrum 雜誌寫過一篇深入介紹 WebAssembly 歷史的文章：
https://spectrum.ieee.org/computing/software/webassembly-will-finally-let-you-run-highperformance-applications-in-your-browser
在那篇文章中，他講述了如何在 Firefox 中使用 WebAssembly 來運行遊戲引擎 Unity 和 Unreal。
A-Frame 和 WebVR
Web 上的虛擬現實代表著未來的說法已經提了差不多 25 年了，但是那些夢想直到 2017 年都沒有變成現實。今年，VR 標準和框架向前邁出了一大步，讓創建 VR 體驗和在各種設備上（從頭戴設備到智能手機和瀏覽器）分享它們變得前所未有的簡單。
Mozilla 幫助促進了 2 個主流虛擬現實 Web 平台：A-Frame和WebVR。現在主流瀏覽器都支持這些標準，意味著開發者可以隨意創建運行在幾乎任何電腦或設備上的身臨其境般的擬真體驗。
而且，由於它們是基於標準的，所以使用起來非常方便。事實上，我們團隊的一名成員用了不到一天的時間就創建了一個虛擬現實體驗並將過程分享在這裡：
https://hacks.mozilla.org/2017/09/i-built-something-with-a-frame-in-2-days-and-you-can-too/
隨著 Firefox Quantum 的引進，虛擬現實在 Web 上成為了一個現實。Mozilla 工程師 Salva 為 Mozilla Hacks 寫了一篇精彩的文章，解釋了它都是怎麼工作的：
https://hacks.mozilla.org/2017/11/a-super-stable-webvr-user-experience-thanks-to-firefox-quantum/
Common Voice 項目
Siri、Cortana、Echo 以及 Google Home，虛擬助手代表了未來。但是它們使用的語音識別數據大部分是有專利的。這就是為什麼 Mozilla 要在 2017 年發起開放語音倡議，努力讓這個平台更加開放自由。
Common Voice 是一個對所有人開源的語音識別項目。它是這樣工作的：貢獻者向 Common Voice 網站大聲朗讀句子來幫助 AI 學習如何理解口語。他們還可以校驗 Common Voice 的譯稿來確保 AI 朝著正確的方向進步。所有研究人員都可以免費獲取所有這些數據來構建語音應用。
目前這個網站是英文的，但是其它語言也即將推出。Mozilla 首席研究員 Sean White 為 Mozilla 博客主站寫了一篇關於 Common Voice 的文章：
https://blog.mozilla.org/blog/2017/11/29/announcing-the-initial-release-of-mozillas-open-source-speech-recognition-model-and-voice-dataset/
前往 Common Voice 網站來貢獻你的聲音吧。
Firefox DevTools
看看全新的 Mozilla DevTools Playground：
https://mozilladevelopers.github.io/playground/
Firefox DevTools 團隊在 2017 年也非常忙。他們重寫了許多 DevTools 的底層代碼，並且為 CSS Grid 和 JavaScript 調試創建了全新的工具。它們是開源的，並且是基於 HTML、CSS 和 JavaScript 等 Web 標準構建的，因此開發者可以任意貢獻、合併和重新構建 DevTools。
Debugger.html 目前放在 GitHub 上，開發者隨時可以 fork 和貢獻分支。我們 DevTools 的所有面板也都全面地重新進行了設計，變得更加易用和好看。它們採用了我們新的流線型的 Photon UI，完全改變了 Firefox 的觀感。
我們也發布了 Mozilla DevTools Playground，一個深入介紹如何學習 CSS Grid 和 JavaScript 調試的網站。去那裡看看，它是免費的並且開放給每一個人。你還可以看一看 Mozilla 開發擁護者 Jen Simmons 的 CSS Grid Lab，在上面學習布局系統。
開發者路演
Mozilla 開發人員在 2017 年滿世界來回奔波，促進包括 WebVR、A-Frame 與 WebAssembly 等開放標準和新技術的發展。他們參與了全世界的 60 多場開發者路演。
MDN - Web 開發文檔
在 2017 年，超過 8,000 名開發者向 Mozilla 開發者網路（Mozilla Developer Network，MDN）上的 80,000 多個網頁貢獻了內容。Mozilla 也聯合 Micosoft、Google 和其它行業的領袖來極大地擴展 MDN web 文檔的範圍。這是一次史無前例的合作，我們都希望這能讓開發者和用戶的 Web 世界變得更美好。
因此，Mozilla 下一步打算做什麼？我們將繼續讓 Firefox 更快並且功能更強大，這意味著需要優化 WebAssembly 和其它核心技術。我們希望幫助 WebVR 和 A-Frame 成為 Web 上的富內容標準。我們將繼續捍衛開源語音和機器學習項目。總之，我們將繼續努力來保證 Web 的開放性，讓每一個人都可以訪問。
關於作者
Dustin Driver 是 Mozilla 一名老辣的技術作家，旨在保持網路開放和健康，讓每一個人都可以訪問。
查看英文原文：
https://medium.com/mozilla-tech/mozilla-made-the-web-better-for-developers-in-2017-3e4cf9224776
前端之巔
活動推薦：
TAG:前端之巔 |