Yep – imagine being able to easily use any browser to debug your web site or web app running anywhere.
What we demonstrated at Build went a little further. In the keynote, I used manifold.js (see my last post for more on that) to turn a responsive web site into mobile applications. In less than a minute, I converted the web site into mobile apps for iOS, Android, Chrome, Firefox, Windows 8, and Windows 10. And on Windows 10 it is a universal Windows app that runs across Windows phone, desktop, tablet and Xbox. Doing that is very easy – and a pretty cool way to quickly create both a web site and all of the mobile apps for the most widely used platforms.
Now with Vorlon, you can debug the web site and any of these mobile apps – all remotely.
Getting started is easy. Vorlon.JS is available as a node package, installed easily using NPM.
$ npm install –g vorlon
Once Vorlon.JS is done installing, you can now run the server:
The Vorlon server is running
With the server running, open http://localhost:1337 in your browser to see the Vorlon.JS dashboard.
The last step is to enable Vorlon.JS by adding this script tag to your app / website:
Here we are showing using localhost which is great for development-time debugging. If you want to enable debugging for anyone using your apps on the Internet you will need to setup a public IP address for your Vorlon server.
Once inside the dashboard, you can start remotely debugging your app or your web site. Sometimes you will be debugging more than one app on your machine, and it’s easy to see which app is which using the client list feature.
With the DOM inspector you can quickly navigate the DOM of the remote webpage. You can inspect by clicking on nodes which will highlight them in the host webpage. If you select a node you can also view and modify its CSS properties.
The Modernizr tab will show you the supported browser features as reported by Modernizr. You can use this to determine what features are available by browser and platform. This might be useful on unusual mobile devices or games consoles.
And importantly it is open source and extensible. Vorlon.JS has been designed so that you can extend the dashboard and client application easily by writing or installing additional plugins.