Vorlon.js：一款JavaScript遠程調試和測試工具

在前不久舉行的 微軟Build 2015大會 上，微軟宣布了 vorlon.js 。這是一款用于JavaScript遠程調試和測試的開源工具。Vorlon.js創建者之一 David Catuhe 是微軟的一名項目經理，同時也是 babylon.js 框架的作者。近日，他撰文介紹了構建vorlon.js的原因、細節以及使用方法。

Vorlon.js可以幫助開發者加載、檢查、測試及調試任何設備上使用Web瀏覽器運行的JavaScript代碼。它可以連接游戲控制臺、移動設備、甚至是接入IoT的冰箱，連接的設備數量最多可達50臺。開發者可以在其中一臺或所有設備上運行JavaScript代碼。借助 vorlon.js，開發團隊還可以一起調試，每個人編寫的代碼都對所有人可見。Vorlon.js開發團隊遵循的一個基本原則是：不引入特定于瀏覽器的原生代碼和依賴，設備上只需要運行JavaScript、HTML、CSS。

Vorlon.js基于node.js和socket.io構建，本身就是一個小型的Web服務器（node.js服務器），可以從本機運行，也可以安裝在一臺服務器上，供整個團隊使用。該服務器托管著“儀表盤（dashboard）”頁面和一個使用socket.io連接該頁面及各種設備的服務。它還提供了一個包含所有插件客戶端代碼的頁面。這些代碼負責與客戶端設備及儀表盤頁面通信。連接的設備必須引用該頁面。

Vorlon.js安裝過程非常簡單，只需下面幾步即可完成：

• 從npm安裝vorlon.js服務器： $ npm i -g vorlon ；
• 運行vorlon.js服務器： $ vorlon ，此時可以在瀏覽器中打開 http://localhost:1337 ，查看儀表盤頁面；
• 向應用添加script標簽，啟用vorlon.js： <script src="http://localhost:1337/vorlon.js"></script> 。

Vorlon.js具有可擴展性，開發者可以通過插件增加客戶端和儀表盤功能。每個插件都分成客戶端和儀表盤端兩部分。前者用于捕獲信息及同設備交互；后者用于在儀表盤頁面中生成命令面板。Vorlon.js本身自帶了如下三個插件：

• Console：該插件有兩個功能：一是在儀表盤頁面中顯示console.log()、console.warn()或console.error()日志，指導調試；二是允許開發者輸入代碼同遠程頁面交互；
• DOM Exploer：展示遠程頁面的DOM；
• Modernizr：借助 Modernizr 展示受支持的瀏覽器特性。

開發者也可以構建自己的插件，具體過程參見 這里 。

后續，微軟可能會將vorlon.js集成到瀏覽器開發工具中。更多信息，請查看 官方網站 或 GitHub頁面 。