Vorlon.js is a remote web debugging tool that allows debugging of websites across browsers and platforms. It uses Node.js, Express.js, Socket.io and Passport.js. Vorlon.js comes with 11 default plugins for debugging tasks like inspecting the DOM, network requests, and unit testing. Developers can also create custom plugins and debug websites remotely on mobile devices through a simple script tag inclusion.

1. David CATUHE
Principal Program Manager
Microsoft
@deltakosh

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. 11 plugins by default
Interactive
console
DOM Explorer
Object Explorer
Modernizr
XHR Panel
Resource
Explorer
Network Monitor
ngInspector
Unit testing
Device.io
Best practices

7. Demo

8. Collaborative demo!
http://aka.ms/mvpsummit

9. How to use vorlon.js ?

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

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

12. Or use the new proxy !

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

14. Standard website development
JavaScript
HTML/CSS

15. 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

16. myPlugin
Let’s code a simple plugin

17. http://vorlonjs.io
QUESTIONS?