BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 谢丽 关注 9 他的粉丝 发布于 2015年7月2日. 估计阅读时间: 3 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

在前不久举行的微软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读者交流群InfoQ好读者)。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

只要是不支持手工设置断点、自动变量监视、调用堆栈回溯的调试器,都是耍流氓。 by west wu

只要是不支持手工设置断点、自动变量监视、调用堆栈回溯的调试器,都是耍流氓。

只要是不支持手工设置断点、自动变量监视、调用堆栈回溯的调试器,都是耍流氓。 by west wu

只要是不支持手工设置断点、自动变量监视、调用堆栈回溯的调试器,都是耍流氓。

TestBird云手机——远程真机调试 by 张 骏

TestBird云手机为手游/APP开发者提供24小时远程android真机调试服务,全真机远程安装,运行和调试程序;丰富adb日志,截图和视频,实时定位问题;全面支持开发环境,可用IDE进行单步调试

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

3 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT