Vorlon.js:一款JavaScript远程调试和测试工具

jopen 9年前

 

在前不久举行的 微软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页面