【QCon】精华内容上线92%,全面覆盖“人工智能+”的典型案例!>>> 了解详情
写点什么

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

  • 2015-07-01
  • 本文字数:1063 字

    阅读完需:约 3 分钟

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

2015-07-01 09:488089
用户头像

发布了 1008 篇内容, 共 372.1 次阅读, 收获喜欢 340 次。

关注

评论

发布
暂无评论
发现更多内容

架构师第四周学习总结

傻傻的帅

互联网架构演化

极客李

大型互联网系统使用的技术和方案

极客李

架构师训练营第四周-系统架构综述

草原上的奔跑

架构师第四周作业

傻傻的帅

重学 Java 设计模式:实战观察者模式「模拟类似小客车指标摇号过程,监听消息通知用户中签场景」

小傅哥

Java 设计模式 小傅哥 代码优化 观察者模式

架构师训练营 Week 04 总结

Wancho

第四周总结

Geek_5d0795

极客大学架构师训练营

大型互联网应用系统技术方案和手段总结

CATTY

互联网

Week 04 命题作业

卧石漾溪

极客大学架构师训练营

云计算 “拍了拍” Serverless

零度

云计算 Serverless 互联网 计算机

Week4 作业

Shawn

week4总结---系统架构

a晖

大型系统常用的技术方案和技术手段

imicode

【微信聊天】5张图帮你看懂二分查找

Java小咖秀

Java 算法 漫画 二分查找

架构师训练营 week03 作业

尔东雨田

极客大学架构师训练营

极客时间架构师训练营 - week4 - 作业 2

jjn0703

大型互联网应用系统的技术方案和手段(训练营第四课)

看山是山

分布式 微服务 极客大学架构师训练营

浅谈互联网系统架构

鲁米

本周的一些总结

Geek_zhangjian

【极客大学】【架构师训练营】【第四周】典型大型互联网应用系统的技术方案和手段

NieXY

极客大学架构师训练营

架构师训练营 week03 总结

尔东雨田

极客大学架构师训练营

深入浅出Shiro系列——权限认证

程序员的时光

权限系统

Week04 作业

极客大学架构师训练营

小师妹学JVM之:逃逸分析和TLAB

程序那些事

Java JVM TLAB 逃逸分析 签约计划第二季

维基百科(Wikipedia)网站架构设计分析

架构5班杨娟Jessie

极客大学架构师训练营

架构师训练营」第 4 周作业

edd

架构师训练营第四周作业

一剑

做产品少走弯路:你需要懂点高阶的知识

我是IT民工

产品 管理 知识体系

用100行代码手写一个Hystrix

小眼睛聊技术

Java 架构 高可用 设计 后端

一个典型的大型互联网应用系统的技术方案&手段

Amy

极客大学架构师训练营 作业 第四周

Vorlon.js:一款JavaScript远程调试和测试工具_软件工程_谢丽_InfoQ精选文章