Jsbin : débogueur de javascript en ligne

Par Laurent | 22.10.09 12:04 | 0 commentaire(s) | programmation

Voici une application en ligne qui va rendre beaucoup de services à ceux qui souhaitent déboguer en ligne des scripts javascripts, couplés à de l'html du css...Vous pourrez même faire appel (ou pas) à des librairies javascripts telles que : jQuery / jQuery UI / prototype / script.aculo.us / YUI / MooTools / dojo et ainsi programmer en fonction de la librairie sélectionnée et du codage en fonction.

Comment fonctionne Jsbin ?

Le se présente sous forme de 3 onglets :
Javascript / Html / Output avec respectivement l'onglet 1 qui permet d'entrer du code Javascript, l'onglet 2 qui permet d'ajouter le code Html avec du css, puis l'onglet 3 qui affiche le résultat du code javascript couplé au code html.
POur éditer une des pages(Javascript / Html), il suffit de double cliquer(clic gauche) sur le code.
Le formulaire Include Library: vous permet de choisir une librairie à implémenter dans le code, le lien d'appel vers cette librairie (si choisie) s'affichera sur la partie html, il vous suffira ensuite de coder dans la partie javascript pour voir un résultat dans l'onglet Output après.
Vous pourrez également sauvegarder, les scripts en allant sur le bouton Save to Public, ceci vous donnera un url qu'il vous suffira dze conserver, pour y accéder par la suite, une autre fois.
L'ulr peut se présneter sous cette forme http://jsbin.com/codegénéré, pour l'éditer par la suite il suffit d'ajouter
http://jsbin.com/codegénéré/edit
Une application facilitant beaucoup de choses et permettant de tester des librairies en quelques secondes, le tout en ligne...

Une vidéo explicative présente le site (lien About)