本文为你带来8款非常好用的代码片段在线工具,帮助你快速、方便地测试、编辑代码片段。
1. ideone
ideone是一个在线代码编辑、调试工具,允许开发者在线编译、运行代码,支持超过40种编程语言。

2. Codepad
Codepad是一个在线编译/解释器,还是一个简单的协作工具。在文本框中粘贴代码片段,Codepad将会运行它,并会生成一个短URL,你可以共享给其他人。

3. jsFiddle
jsFiddle是一个web开发人员的练习场,可以用来在线编辑一些HTML、CSS、Javascript代码片段,并可以将这些代码与其他 人分享,或嵌入你的博客等。你还可以选择你自己熟悉的、流行的各种Javascript库来进行开发。此外,jsFiddle对XHR的支持也非常好,还 可以模拟一些响应等。

4. CSS Desk
CSSDesk是一个标准的CSS沙盒,该网站分成三栏,可以非常方便的通过在左侧实时修改代码来查看某个CSS属性的改变给HTML元素带来的 影响,甚至可以把整个网站都放到其中进行调试,并将调试完成的文件保存为HTMl。唯一的遗憾是缺少代码提示,需要手工输入CSS属性。

5. online Code Editor

6. jsBin
JSBin主要用于帮助测试Javascript和CSS代码片段,功能与jsFiddle网站一致。

7. Google Code Playground
Google Code Playground提供了一个在线版的Javascript、Ajax的编辑、开发和调试环境,而且可以方便的访问相应的文档。内置了很多常用的Google API的示例和几个Ajax库。

8. jsdo it
jsdo it允许开发者在线编写 Javascript、HTML5和CSS3代码,并允许在社区中相互分享。
