jsFiddle

jsFiddle是一款在线的代码编辑器，通过流行的JS框架创建自定义的环境，以简化JS代码。可以用于测试示例代码。不仅如此，你还可以添加一个Ajax echo后端，并且通过一系列的JavaScript框架自动载入资源，如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。还有一个重要特性就是能够保存和分享一个unique URL generated代码，jsFiddle还有一个嵌入的功能。它提供了一个由4各部分组成的界面：HTML 编辑器、CSS 编辑器、JavaScript 编辑器、输出界面。

作为前端开发人员来说，我们需要和HTML，CSS和Javascript打交道，并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。很多资深的前端设计师都拥有自己最喜欢的工具，脚本和资源。jsFiddle就是一款能够帮助你高效开发的工具脚本。jsFiddle是一款很棒的在线js/css/html调试和分享工具，大家可以方便的在web页面中分享代码，或者调试代码。并且有效的和同事或者朋友分享。相信很多朋友都使用过它，jsfiddle也是编辑们的必备工具之一。很多在线文章都使用jsfiddle来做“在线调试”。更重要的是你可以将 jsfiddle内容插入你的文章内容，这样你就可以边学边调试，非常方便。

作为一款功能强大的JS在线调试工具，jsFiddle支持多种应用多种主流框架，可以在线直接编辑调试：HTML、CSS、JavaScript,用起来非常方便，而且还可以将调试好的结果以非常简洁的页面直接嵌入在其他网页里，这样用户需要写演示用的JavaScript实例代码的时候，就完全可以在jsFiddle里面直接完成编写后调试，再将结果直接嵌入Blog正文里即可，是十分方便的选择。同时作为一个实时的HTML/CSS/JavaScript snippet编辑器，用它来以一种迅速的无成本的方式测试一些小项目也是相当棒。

如果你是一名前端博主，你希望通过代码+演示来透彻的讲解一些技巧，并且无缝嵌入你的博客，那么jsfiddle是最佳的选择。进入http://jsfiddle.net/官网，它包括了顶端的控制按钮，分别代表：运行、保存、重置、代码格式化，代码语法错误检查。官网下面的4个windows你可以分别调试HTML，CSS，Javascript，右下角显示代码的运行结果。在左边的操作区，你可以选择相关的js类库，支持的还是相当全的。当然，也支持自定义的类库，这个很不错。这个工具可以有效的帮助web前端开发人员来有效分享和演示前端效果，大家可以在blog和论坛里用jsFiddle解答或者提问。