18 款在线代码片段测试工具
- - ITeye资讯频道本文作者 Steve Smith是网站 DesignDrizzle的创始人，他是一位工作超过7年的专业网站设计者. 在这篇文章里展示了一些比较有价值、用起来非常方便的代码片段检测工具. 这些工具将大大的提升开发者在代码片段检测方面的工作效率，亦可确保他们的代码运行起来万无一失. 许多开发者都使用在线代码片段检测工具，这些工具当中有些是允许开发者和别人一起编辑/分享相互之间的代码，分享的目的主要是共同分析代码并相互协助完成代码片段的检查.
18 款在线代码片段测试工具
标签：
在线
代码
片段
| 发表时间：2013-09-24 10:51 | 作者：
出处：http://www.iteye.com
本文作者 Steve Smith是网站 DesignDrizzle的创始人，他是一位工作超过7年的专业网站设计者。在这篇文章里展示了一些比较有价值、用起来非常方便的代码片段检测工具。这些工具将大大的提升开发者在代码片段检测方面的工作效率，亦可确保他们的代码运行起来万无一失。许多开发者都使用在线代码片段检测工具，这些工具当中有些是允许开发者和别人一起编辑/分享相互之间的代码，分享的目的主要是共同分析代码并相互协助完成代码片段的检查。
下面的这18个工具可以帮助开发者用来检查不论是即兴创作的代码还是用于大型工程的代码，同时还可以让开发者自主修改代码，以便更好的理解代码的功能性。
1. CodePen
CodePen只是一个Web前端的运行场地，具备机动、训练和分享等多种功能。同时，CodePen还可以让使用者构建一个压缩版本的测试案例来证明并解决编码当中的错误。
2. Dabblet
Dabblet的界面十分简洁，操作起来并不复杂，特别适合新手和想尝试最新HTML5标签和CSS3样式的前端工程师使用。Dabblet的一大特色是代码编写时可免加CSS前缀。因为，Dabblet的创造者Lea Verou本人就是免CSS前缀JavaScript脚本prefix-free的创造者，Dabblet拥有此功能也就是顺理成章的事。HTML和CSS代码间的切换也很方便，点击隐藏工具栏右上方的标签即可。用户可以根据自己的习惯，调整前端代码的预览效果，浏览器内全屏预览将在新标签页中打开。
Dabblet支持用Github帐号登录，测试的代码片段既可以匿名保存也可以保存在用户的Github：gist中，以便用户将代码段嵌入自己的网站或是进一步分享给其他人。
3. Ideone
在线多语言编程执行器工具，支持包括C++，Java，JavaScript，Perl，PHP，Python和Ruby在内的40多种编程语言，能在线直接做编译和执行动作，该工具是一款简易的编程测试工具，虽然不能替代专业版的工具，但是其功能非常全面。
4. jsfiddle
jsfiddle是一个在线的shell编辑器，通过JavaScript框架创建自定义的环境，以简化JavaScript代码。还可以用于测试示例代码。不仅如此，你还可以添加一个Ajax echo后端，并且通过一系列的JavaScript框架自动载入资源，如MooTools，jQuery，Dojo，Prototype，YUI，Glow和Vanilla等等。
还有一个重要特性就是能够保存和分享一个unique URL生成代码，jsfiddle还有一个嵌入的功能。它提供了一个由4个部分组成的界面：
5. Codepad
Codepad是一款简单的在线IDE编译器，适用于团队协作工作，帮助代码生成一个简短的URL，这样就能通过聊天或者电子讯息与人分享。
操作起来也很方便：只需要把代码粘贴进去就可以编译运行了，连工程也不需要新建，而且Codepad支持的语言有9种，包括C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl。
6. Liveweave
LiveWeave对于Web设计者和开发者来说都是一个极好的在线工具，它提供了6个Tab功能或特征，可以浏览、编辑、分隔、JavaScript库和Tidy、CSS3、HTML5等在线编辑。
7. Google Code Playground
有了这款在线工具，Web开发者就可以快速检查和运行代码，也就没必要非得打开一个外在校正器。
8. Pastebin.me
这是一款不可多得好工具，开发者可以理所应当的重新调整基于浏览器视角的代码窗格大小，这一功能对于宽屏显示器使用者来说是相当有吸引力的。
9. CSSDesk
CSSDesk允许用户快速敏捷的检查代码片段，还能让整个效果看起来活灵活现。左侧两个面板，可以分别输入HTML和CSS代码，但不支持JavaScript调试。你可以改变“预览区”的背景颜色，可以保存或下载调试完成的代码。
10. jsbin v.2
通过这款Web App，开发者就能对代码片段进行测试，并改善它的功能性。同时还能向别人分享URL。它分成JavaScript、HTML、CSS、控制面板和输出这5个区域，你可以自行勾选显示哪些区域。
11. Tinkerbin
和jsfiddle比较起来，Tinkerbin界面功能比较简答，但是界面布局更加合理。使用jsfiddle的时候，总感觉每一个窗口的输入都比较费劲，用户不得不来回的拖拉窗口。而使用Tinkerbin，你可以更加容易的切换多个窗口或者单独一个窗口编辑CSS，HTML，或者JS代码，根本不需要生成文件或者上传到服务器上。Tinkerbin同时也支持Coffeescript，Sass（with Compass），Less，HAML等类库。
12. Try Editor v.1.5
这是一款比较适中的、使用起来毫无压力的代码片段检查工具，只要将代码片段粘贴到Try Editor里面，从感觉上就能知道效果如何。
13. Snippet.io
它是一个没有多少限制条件的工具，可以毫不费力跟别人一起分享代码片段。
14. HTMLEdit Square
HTMLEdit Square是一款实时的后台操作工具，用于便捷的检查HTML代码。
15. Rendur
Rendur是一个轻量级的在线调试交流工具，功能不多，但是加载和运行都很快。用户可以在HTML、CSS、Javascript三个面板中切换，输入相应代码。代码的运行结果，会自动显示在背景网页上。最后一个面板，显示的是整个网页的源码。
16. Tinker
使用Tinker工具编写和分享代码都是相当方便的，速度不是一般的快啊！
17. Practicode
在这里，可以编写代码片段；另外，也可以提取HTML、CSS和VBScript代码。
18. jsdo.it
在这个网站里，可以将代码内接到Web浏览器里，也可以和别人一起分享代码片段。
英文原文： DesignDrizzle / 译： CSDN
感谢 WnouM 投递这篇资讯
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
下面的这18个工具可以帮助开发者用来检查不论是即兴创作的代码还是用于大型工程的代码，同时还可以让开发者自主修改代码，以便更好的理解代码的功能性。
1. CodePen
CodePen只是一个Web前端的运行场地，具备机动、训练和分享等多种功能。同时，CodePen还可以让使用者构建一个压缩版本的测试案例来证明并解决编码当中的错误。
2. Dabblet
Dabblet的界面十分简洁，操作起来并不复杂，特别适合新手和想尝试最新HTML5标签和CSS3样式的前端工程师使用。Dabblet的一大特色是代码编写时可免加CSS前缀。因为，Dabblet的创造者Lea Verou本人就是免CSS前缀JavaScript脚本prefix-free的创造者，Dabblet拥有此功能也就是顺理成章的事。HTML和CSS代码间的切换也很方便，点击隐藏工具栏右上方的标签即可。用户可以根据自己的习惯，调整前端代码的预览效果，浏览器内全屏预览将在新标签页中打开。
Dabblet支持用Github帐号登录，测试的代码片段既可以匿名保存也可以保存在用户的Github：gist中，以便用户将代码段嵌入自己的网站或是进一步分享给其他人。
3. Ideone
在线多语言编程执行器工具，支持包括C++，Java，JavaScript，Perl，PHP，Python和Ruby在内的40多种编程语言，能在线直接做编译和执行动作，该工具是一款简易的编程测试工具，虽然不能替代专业版的工具，但是其功能非常全面。
4. jsfiddle
jsfiddle是一个在线的shell编辑器，通过JavaScript框架创建自定义的环境，以简化JavaScript代码。还可以用于测试示例代码。不仅如此，你还可以添加一个Ajax echo后端，并且通过一系列的JavaScript框架自动载入资源，如MooTools，jQuery，Dojo，Prototype，YUI，Glow和Vanilla等等。
还有一个重要特性就是能够保存和分享一个unique URL生成代码，jsfiddle还有一个嵌入的功能。它提供了一个由4个部分组成的界面：
- HTML 编辑器
- CSS 编辑器
- JavaScript 编辑器
- 输出界面
5. Codepad
Codepad是一款简单的在线IDE编译器，适用于团队协作工作，帮助代码生成一个简短的URL，这样就能通过聊天或者电子讯息与人分享。
操作起来也很方便：只需要把代码粘贴进去就可以编译运行了，连工程也不需要新建，而且Codepad支持的语言有9种，包括C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl。
6. Liveweave
LiveWeave对于Web设计者和开发者来说都是一个极好的在线工具，它提供了6个Tab功能或特征，可以浏览、编辑、分隔、JavaScript库和Tidy、CSS3、HTML5等在线编辑。
7. Google Code Playground
有了这款在线工具，Web开发者就可以快速检查和运行代码，也就没必要非得打开一个外在校正器。
8. Pastebin.me
这是一款不可多得好工具，开发者可以理所应当的重新调整基于浏览器视角的代码窗格大小，这一功能对于宽屏显示器使用者来说是相当有吸引力的。
9. CSSDesk
CSSDesk允许用户快速敏捷的检查代码片段，还能让整个效果看起来活灵活现。左侧两个面板，可以分别输入HTML和CSS代码，但不支持JavaScript调试。你可以改变“预览区”的背景颜色，可以保存或下载调试完成的代码。
10. jsbin v.2
通过这款Web App，开发者就能对代码片段进行测试，并改善它的功能性。同时还能向别人分享URL。它分成JavaScript、HTML、CSS、控制面板和输出这5个区域，你可以自行勾选显示哪些区域。
11. Tinkerbin
和jsfiddle比较起来，Tinkerbin界面功能比较简答，但是界面布局更加合理。使用jsfiddle的时候，总感觉每一个窗口的输入都比较费劲，用户不得不来回的拖拉窗口。而使用Tinkerbin，你可以更加容易的切换多个窗口或者单独一个窗口编辑CSS，HTML，或者JS代码，根本不需要生成文件或者上传到服务器上。Tinkerbin同时也支持Coffeescript，Sass（with Compass），Less，HAML等类库。
12. Try Editor v.1.5
这是一款比较适中的、使用起来毫无压力的代码片段检查工具，只要将代码片段粘贴到Try Editor里面，从感觉上就能知道效果如何。
13. Snippet.io
它是一个没有多少限制条件的工具，可以毫不费力跟别人一起分享代码片段。
14. HTMLEdit Square
HTMLEdit Square是一款实时的后台操作工具，用于便捷的检查HTML代码。
15. Rendur
Rendur是一个轻量级的在线调试交流工具，功能不多，但是加载和运行都很快。用户可以在HTML、CSS、Javascript三个面板中切换，输入相应代码。代码的运行结果，会自动显示在背景网页上。最后一个面板，显示的是整个网页的源码。
16. Tinker
使用Tinker工具编写和分享代码都是相当方便的，速度不是一般的快啊！
17. Practicode
在这里，可以编写代码片段；另外，也可以提取HTML、CSS和VBScript代码。
18. jsdo.it
在这个网站里，可以将代码内接到Web浏览器里，也可以和别人一起分享代码片段。
英文原文： DesignDrizzle / 译： CSDN
感谢 WnouM 投递这篇资讯
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
相关 [在线 代码 片段] 推荐：
10个实用的PHP代码片段
- - ITeye资讯频道作为一个PHP开发人员，经常收集一些代码片段是非常有益的，以备将来使用. 这些代码片段可以节省您宝贵的时间，也可以提高您的工作效率. PHP数组生成 CSV 文件. 这的确是一个很简单的功能，从一个PHP数组生成一个.csv文件. 此函数使用 fputcsv PHP 内置函数生成逗号分隔文件（.CSV）.
非常有用的50个CSS代码片段
- - CSDN博客Web前端推荐文章原文： 50 Useful CSS Snippets Every Designer Should Have. 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties,
决定这些的是 浏览器支持 和新的特性.
可以直接拿来用的15个jQuery代码片段
- - CSDN博客Web前端推荐文章jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验. 本文收集了15段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，但请开发者注意了，要理解代码再使用哦. 下面就让我们一起来享受jQuery代码的魅力之处吧.
10个超棒jQuery表单操作代码片段
- - 前端观察jQuery绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器. 可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题，希望大家喜欢.
46 个非常有用的 PHP 代码片段
- - 程序师在编写代码的时候有个神奇的工具总是好的. 下面这里收集了 40+ PHP 代码片段，可以帮助你开发 PHP 项目. 这些 PHP 片段对于 PHP 初学者也非常有帮助，非常容易学习，让我们开始学习吧～. 在开发 Web 或者移动应用的时候，经常会遇到需要发送 SMS 给用户，或者因为登录原因，或者是为了发送信息.
Coderun – 在线运行代码 | 小众软件 > 在线应用
- guoan - 小众软件 - AppinnCoderun 是一个在线的 IDE 编辑器，支持 C# 、 .Net 、 JavaScript 和 PHP 等语言，可以在线新建、编辑、运行、调试代码，也支持代码的上传和打包下载. 官方网站 | 来自小众软件. ©2011 root for 小众软件 | 原文链接 | 1 留言 | 加入我们 | 投稿 | 订阅指南.
100个直接可以拿来用的JavaScript实用功能代码片段(一)
- - ITeye博客1、原生JavaScript实现字符串长度截取. 2、原生JavaScript获取域名主机. 3、原生JavaScript清除空格. 4、原生JavaScript替换全部. 5、原生JavaScript转义html标签. 6、原生JavaScript还原html标签. 7、原生JavaScript时间日期格式转换.
[下载]谷歌电吉他源代码和在线演示
- Zhenbo Xu - cnBeta.COM为了纪念电吉他之父莱斯・保罗（Les Paul，1915年6月9日－2009年8月13日）诞辰96周年，Google Doodle又出神作，首页的Logo被设计成一个电吉他形，并且鼠标滑过会弹出美妙的音乐，当你按下键盘图标时，还可以直接用键盘弹奏这个“电吉他”. 弹了几下，发现自己很有音乐天赋呢，于是决定保存下来，永久收藏.
5个优秀的在线调试代码网站
- - CSDN博客推荐文章对于编程开发的人来说，有个快速测试代码的地方是非常方便重要的，这里，我们收集了5个很好用的在线调试网站. 是一款简单的在线 IDE 编辑器服务，你只需要把代码粘贴进去就可以编译运行了，连工程也不需要新建，而且 codepad 支持的语言达到了9种，支持的语言有：C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl.