转载

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读者交流群 Vorlon.js：一款JavaScript远程调试和测试工具）。