移动web开发调试工具vorlon（适合app混合开发）

一、介绍：

相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发测试的时候会有很大的不方便，并不能像chrome浏览器那样控制台打log，查看dom布局，css样式等问题，当在真机出现错误的时候也很难进行排查。今天介绍一个移动端web调试工具，可以像操作chrome控制台那样进行错误排查。

官方介绍

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连接该页面及各种设备的服务。它还提供了一个包含所有插件客户端代码的页面。这些代码负责与客户端设备及仪表盘页面通信。连接的设备必须引用该页面。

面板样式

二、使用方法：

1.通过npm安装vorlon.js

npm install vorlon -g

2.通过输入命令vorlon启动vorlon

3.在想要调试页面加入script标签

    
    //例如：
    

4.移动设备访问此页面

可以通过Fiddler代理工具或者上传代码到测试线来访问此页面

5.通过vorlon面板进行代码调试