AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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

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

关注

评论

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

☕【Java深层系列】「技术盲区」让我们一起去挑战一下如何读取一个较大或者超大的文件数据!

码界西柚

Mmap 12月日更 MappedByteBuffer FileChannel

情绪价值

搬砖的周狮傅

情绪

Python爬虫反爬,你应该从这篇博客开启,UA反爬,Cookie 特定参数反爬

梦想橡皮擦

12月日更

Kubernetes + Spring Cloud 集成链路追踪 SkyWalking

zuozewei

链路追踪 性能测试 性能监控 12月日更

架构训练营 - 模块二作业

伊静西蒙

JVM学习笔记

Changing Lin

12月日更

React进阶(九):React-Redux

No Silver Bullet

React React-Redux 12月日更

Android ShareSDK 微博分享 (8995)app auth fail for appKey&sign&package 解决

阿策小和尚

28天写作 Android 小菜鸟 12月日更

模块七作业——王者荣耀商城异地多活架构设计

deng

架构实战营

微信朋友圈高性能架构分析与设计

皓月

架构实战 #架构实战营 「架构实战营」

2021学习总结

将军-技术演讲力教练

dart系列之:这里不需要标新立异,dart代码最佳实践

程序那些事

flutter dart 代码规范 程序那些事 12月日更

Guava的布隆过滤器

程序员历小冰

算法 布隆过滤器 28天写作 12月日更

天下武功,无坚不摧,唯快不破

Tiger

28天写作

【docker 总结】第六篇 - DockerCompose

Brave

Docker 12月日更

前端开发:关于Vue组件中的data属性值是函数而不是对象的详解

三掌柜

28t 28天写作 12月日更

如何在 Linux 中使用 apt 命令管理包

Ethereal

Linux 运维 apt 网络技术联盟站

微信朋友圈高性能分析

swallowluo

架构训练营 架构实战营 「架构实战营」

架构实战营 第 4 期 模块二作业

架构实战营 模块二 「架构实战营」

Prometheus Exporter (三十一)ProxySQL Exporter

耳东@Erdong

Prometheus 28天写作 exporter 12月日更 ProxySQL

kubernetes APIServer是如何限流的?

xcbeyond

Kubernetes 限流 28天写作 12月日更

DDD领域驱动设计实战(四)-值对象

JavaEdge

12月日更

跟着动画学Go数据结构之希尔排序

宇宙之一粟

golang 希尔排序 12月日更

JavaScript 数组方法 .map() 的 5 个使用场景

devpoint

JavaScript map array 12月日更

模块二课程作业

李晓笛

架构实战营

关于HDFS中的Lease Recovery

Joseph295

信贷风控从Model-centric到Data-centric

一直学习一直爽

互联网金融 风控模型 机器学习算法

Cordova应用的JavaScript代码和自定义插件代码的调试

汪子熙

JavaScript android 28天写作 12月日更 cordova

[Pulsar] 设置认证和鉴权

Zike Yang

Apache Pulsar 12月日更

LabVIEW图像特征与机器视觉概念(理论篇—4)

不脱发的程序猿

机器视觉 图像处理 工业自动化 图像特征

模块二:朋友圈

撿破爛ぃ

「架构实战营」

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