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 页面。

感谢郭蕾对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ， @丁晓昀），微信（微信号： InfoQChina ）关注我们，并与我们的编辑和其他读者朋友交流（欢迎加入 InfoQ 读者交流群）。