写点什么

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:488247
用户头像

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

关注

评论

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

Go 语言, 一文彻底搞懂 iota 实现原理

微客鸟窝

Go 语言 8月日更

Ansible 变量

耳东@Erdong

变量 ansible 8月日更

低品质的勤奋者

箭上有毒

8月日更

【设计模式】访问者模式

Andy阿辉

C# 后端 设计模式 8月日更

iOS开发:开发过程中单例模式的使用

三掌柜

8月日更 8月

管道(Channel)的读取与写入「让我们一起Golang」

Regan Yue

协程 Go 语言 8月日更 管道

10 个超棒的 JavaScript 简写技巧

前端依依

程序员 大前端 js 代码规范

vue入门:router路由简介与使用

小鲍侃java

8月日更

人工智能下的音频还能这样玩!!!!

Python研究者

8月日更

CSS的设计模式(一)OOCSS

Augus

CSS 8月日更

大数据技术不能被平台滥用,必须维护消费者的合法权益

石头IT视角

缓存函数的简单使用

编程三昧

JavaScript 8月日更

前端自动化测试及 Karma 介绍

devpoint

单元测试 自动化测试 Karma 8月日更

Linux之bc命令

入门小站

Linux

【Flutter 专题】61 图解基本 Button 按钮小结 (一)

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 8月日更

腾讯良心了?!!!

Jackpop

帮小姐姐打分系统的模型创建,滚雪球学 Python 第三轮第 11 篇

梦想橡皮擦

8月日更

网络攻防学习笔记 Day111

穿过生命散发芬芳

网络安全 8月日更

销售 小姐姐 给买家打分系统,用 Python Django 又整了一个花活

梦想橡皮擦

8月日更

Vue进阶(五十一): vue-cli 脚手架 webpack.base.conf.js 配置文件讲解

No Silver Bullet

Vue 8月日更

在线HTML5,CSS3,VueJS,jQuery运行测试练习工具

入门小站

工具

手撸二叉树之根据二叉树创建字符串

HelloWorld杰少

数据结构与算法 8月日更

硬盘空间免费扩容了2TB!!!

Jackpop

白手起家之注册中心zookeeper

卢卡多多

ZooKeeper原理 8月日更

程序员必备!5款小众高效的开发神器

Jackpop

秀到飞起!Alibaba全新出品JDK源码学习指南(终极版)限时开源

今晚早点睡

源码

开源应用中心 | 做项目,不敏捷?快来部署这款灵活的项目管理系统

Flink生态提供的其它工具(十一)

Databri_AI

sql flink CEP

金九银十旗开得胜!秋招字节正式批4面,顺利拿到offer

编程susu

Java 编程 程序员 面试 编程开发

Vue进阶(五十二):vue-cli 脚手架 webpack.dev.conf.js 配置文件详解

No Silver Bullet

Vue 8月日更

Netty如何解决粘包以及拆包问题

慕枫技术笔记

后端 Netty

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