最近开始讨厌写一个demo，写好之后要上传到服务器，传好之后还要找对地址，以后如果改版还需要下载代码，编辑代码，再上传。多么繁复的过程，我只是写个demo而已。

于是，我开始寻找在线工具实现

1. 

CodePen只是一个web前端的运行场地，具备机动、训练和分享等多种功能。同时，CodePen还可以让使用者构建一个压缩版本的测试案例来证明并解决编码当中的错误。

2. 

 

jsfiddle是一个在线的shell编辑器，通过javascript框架创建自定义的环境，以简化JavaScript代码。还可以用于测试示例代码。不仅如此，你还可以添加一个Ajax echo后端，并且通过一系列的JavaScript框架自动载入资源，如MooTools，，Dojo，Prototype，YUI，Glow和Vanilla等等。

还有一个重要特性就是能够保存和分享一个unique URL生成代码，jsfiddle还有一个嵌入的功能。它提供了一个由4个部分组成的界面：

• html 编辑器
• CSS 编辑器
• JavaScript 编辑器
• 输出界面

3.

4.

5.

runJs这个挺不错，源码输出时可以不是嵌套框架，比上面的那些都要好，决定试用一下。

转载地址：