Jsfiddle : Débuger et partager du code HTML/CSS/JavaScript


En tant que développeur web nous sommes souvent confrontés à des phases de débogages de bouts de codes qui ne semblent pas fonctionner. Et suivant le contexte il peut paraître plus judicieux de sortir ce bout qui ne fonctionne pas et d'essayer de le tester et de le faire marcher dans un projet vierge . Chose que nous avons déjà tous fait au moins une fois.

Jsfiddle.net est une sorte d'éditeur HTML/CSS/JavaScript à la sauce WYSIWYG. Vous mettez votre code et vous voyez le résultat dès que vous cliquez sur un bouton.

Sinon comment ça marche ? Tout d'abord, le site est gratuit, pas la peine de s'inscrire. On arrive sur le site et on peut direct tester.

L'interface est divisée en 4 fenêtres :

  • HTML
  • CSS
  • JavaScript
  • Résultat

Si vous voulez vous pouvez même importer vos propres fichiers JS ou CSS. Il suffit d'indiquer l'adresse du fichier.

Bien entendu cela vous permet également, et c'est ce qui en fait un outils vraiment exceptionnel, de le partager. Que ce soit par messagerie, via les réseaux sociaux ou dans les forums, il suffit de donner l'adresse de votre code Jsfiddle et les personnes pourront voir votre code et le résultat que ça donne.

Lien vers Jsfiddle

« Seul on va plus vite, ensemble on va plus loin »