Vorlon.js is a tools which helps you debug your web projects. This is mainly designed for web on mobile debugging but you can use it in many other ways.

1. Etienne Margraff
Web dev @Microsoft
@meulta

2. The web
Cross-platformAdaptive
Standard Lot of devices

3. How to debug then?
console.logF12

4. But what about mobile?
WeinReProprietary tools

5. http://vorlonjs.io
Remote web debug tool
cross browser & cross platform
 Node.js
 Express.js
 Socket.io
 Passport.js

6. 8 plugins by default
Interactive console
DOM Explorer
Object Explorer
Modernizr
XHR Panel
Resource Explorer
Network Monitor
ngInspector

7. Demo

8. How to use vorlon.js ?

9. or clone/fork
http://github.com/microsoftdx/vorlonjs
or auto deploy to Azure
npm install –g vorlon
vorlon
Step 1 – Install the server

10. <script src="http://localhost:1337/vorlon.js"></script>
Step 2 – Modify the website that you want to debug
And that’s all folks…

11. Or use the new proxy !

12. How to create a plugin
http://bit.ly/vorlonplugin

13. Standard website development
JavaScript
HTML/CSS

14. Vorlon.js plugin
Data collection
JavaScript
Plugin Display
HTML/CSS
Vorlon.js server
Node.js / Socket.io
Vorlon.js Dashboard
Debugged website
Data receiver
JavaScript

15. mydevice.io
Let’s code a simple plugin

16. Etienne Margraff
@meulta
David Rousset
@davrous
http://vorlonjs.io
David Catuhe
@deltakosh
Pierre Lagarde
@pierlag