Editeur de Code Javascript en ligne gratuit

Publié le 11 novembre 2010 - Developpement Web. Tags :

Envie de de tester le comportement de vos javascript selon une version spécifique d’une librairie (jQuery, Mootools, Prototype, YUI), ou de développer un nouveau script selon un framework particulier? Pour les gens qui comme moi (et même pour les autres) ne sont pas des professionnels du développement Javascript complexe, mais plutôt bons en personnalisation de scripts Open Source, voici un outil qui devrait vous faire gagner un certain temps : JsFiddle !

Sélectionnez le Framework de votre choix (diverses option sont possibles, telles que la définition du DocType du document, etc.), ajoutez du code HTML, des styles CSS, et codez/modifiez votre script. Tout s’effectue grâce à 3 fenêtres différentes accessibles sur une même page. Une 4ème affiche l’aperçu du résultat, vous permettant de tester facilement le comportement de votre script.

Notons qu’il est également possible de simuler des requêtes en AJAX (pour JSON, entre autres). Bref, un outil plutôt pratique et gratuit permettant de gagner pas mal de temps, selon les circonstances. Bien sûr, selon les cas cet outil s’avère un peu limité, mais à sa décharge : il s’agit d’une version Alpha.

Si vous voulez voir un exemple concret… click.