Son créateur, David Catuhe, déclare dans un billet de blog que l’équipe de BabylonJS l’a beaucoup aidé dans le développement de cet outil destiné aux développeurs JavaScript. L’objectif étant de fournir un outil extensible et complètement indépendant de la plateforme ou du navigateur sur lesquels il s’exécute. « Vorlon.js est alimenté par Node.js, Socket.io et par le café en fin de soirée » déclare son créateur, « nous avons une devise simple dans ce projet : pas de code natif, pas de dépendance à un navigateur spécifique, uniquement du HTML et du CSS s’exécutant sur la machine de votre choix ».
« Vorlon.js lui-même est un petit serveur web que vous pouvez lancer à partir de votre machine locale où l’installer sur un serveur », il a été conçu de sorte à permettre aux développeurs d'étendre leurs applications et permettre aux utilisateurs d'écrire et d'installer des plugins supplémentaires.
Son fonctionnement interne est assez simple : au départ un serveur Node.js héberge le tableau de bord (servi en utilisant express) ainsi qu’un service utilisé par socket.io pour établir une connexion directe avec le tableau de bord et la machine. Cette dernière doit obligatoirement référencer une page vorlon.js servie par le serveur, elle contient le code des plugins clients qui interagissent avec le dispositif du client et communiquent avec le tableau de bord en passant par le serveur.
Vorlon.js intègre par défaut quatre plugins préinstallés dans le tableau de bord :
- La console : responsable de la transmission des messages consoles du client vers le tableau de bord. Ces messages sont très utiles pour le débogage et sont affichés en utilisant console.log(), console.warn()et console.error().
- Modernizr : permet d’afficher les fonctionnalités du navigateur supportées, ceci peut être particulièrement utile pour déterminer quelles fonctionnalités ne peuvent pas être utilisés dans les navigateurs d’un appareil mobile par exemple, ou d’une console de jeu.
- L’exportateur de DOM : permet, comme son nom l’indique, d’explorer et inspecter les DOMs (Document Object Model) des pages web, avec possibilité de voir et modifier les propriétés CSS et de mettre en évidence des nœuds en cliquant dessus.
- L’explorateur d’objets : permet aux utilisateurs de parcourir toutes les variables JavaScript sur leurs appareils.
Le code source de Vorlon.js peut être téléchargé sur la page GitHub du projet.
Voir le guide de démarrage de Vorlon.js
Source : Blog MSDN
Et vous ?
Que pensez-vous de Vorlon.js ?
Qu’elle différence propose-t-il par rapport aux autres outils de débogage du code JavaScript ?