David ROUSSET

Senior Program Manager

Microsoft

@davrous

Web is awesome

===

Жить хорошо…

But an easy Web would be even better!

===

А хорошо жить ещё лучше!

The web

Cross-platformAdaptive

Standard Lot of devices

How to debug then?

console.logF12

But what about mobile?

WeinReProprietary tools

http://vorlonjs.io

Remote web debug tool

cross browser & cross platform

Node.js

Express.js

Socket.io

Passport.js

8 plugins by default

Interactive console

DOM Explorer

Object Explorer

Modernizr

XHR Panel

Resource Explorer

Network Monitor

ngInspector

Demo

Collaborative demo!

http://aka.ms/vorlonru

How to use vorlon.js ?

or clone/fork

http://github.com/microsoftdx/vorlonjs

or auto deploy to Azure

(sudo) npm install –g vorlon(sudo) vorlon

Step 1 – Install the server

<script src="http://localhost:1337/vorlon.js"></script>

Step 2 – Modify the website that you want to debug

And that’s all folks…

Or use the new proxy !

How to create a plugin

http://bit.ly/vorlonplugin

Standard website development

JavaScript

HTML/CSS

Vorlon.js plugin

Data collection

JavaScript

Plugin Display

HTML/CSSVorlon.js server

Node.js / Socket.io

Vorlon.js DashboardDebugged website

Data receiver

JavaScript

mydevice.ioLet’s code a simple plugin

Etienne Margraff

@meultaDavid Rousset

@davrous

http://vorlonjs.io

David Catuhe

@deltakosh

Pierre Lagarde

@pierlag