如果您是一名正在寻找最佳代码游乐场以享受编码乐趣的开发人员，那么您来对地方了。在这篇文章中，我收集了10个最好的免费CodePlayground和Sandbox工具，用于测试、调试和共享代码。如果您知道其他好的代码游乐场，请在评论中告诉我。享受！1.CodepenCodePen是一个前端和后端网络游乐场。它基于启发、教学和分享。可以突出显示流行的样本（“笔”）并提供共享和嵌入等高级功能。需要构建简化的测试用例来演示和查找错误？CodePen绝对适合这种场景。想炫耀您的最新作品并获得同行的反馈吗？CodePen是显而易见的选择。2.CSSDeskCSSDesk是一个在线CSS沙箱。它使人们能够快速测试CSS代码片段并观察实时结果。我非常看好这个项目。行号和文本框输入有实时语法突出显示。最酷的一点是它允许用户与他人共享他们的代码。3.Google'sCodePlaygroundGoogle'sCodePlayground是一个基于网络的工具，允许网络开发人员试用谷歌提供的所有API、调整代码并查看结果。Google的CodePlayground让您无需打开外部编辑器即可尽情享受，所有API都加载在“PickanAPI”框（左侧）中。4.JSBinJSBin是一款专门设计用于帮助JavaScript和CSS专业人员在特定环境下测试和协作调试代码的Web应用程序。JSBin允许您编辑和测试JavaScript和HTML。满意后，您可以保存并将URL发送给同行评审或寻求帮助。然后他们可以进行进一步的更改并在需要时保存更新。5.JSFiddleJSFiddle是一个shell编辑器，它通过基于流行的JS框架创建自定义环境来简化JavaScript编写。您可以选择框架和版本（可选MooTools、jQuery、ojo、Prototype、YUI、Glow、Vanilla）。此外，如果可用，您可以添加免费框架，例如jQueryUI或MooToolsMore。它的一个不错的功能是能够生成唯一的URL来保存和共享代码。此外，JSFiddle还带有嵌入式功能。这是一个很好的平台，可以在没有网站的情况下尝试和共享JS代码。#p#6。DabbletDabblet是一个交互式游乐场，用于快速测试CSS和HTML代码片段。它使用-prefix-free，因此您不必在CSS代码中添加任何前缀。您可以将您的工作保存为Githubgist，将其嵌入其他网站并与他人共享。它目前仅支持现代版本的Chrome、Safari和Firefox。所有分发的代码都属于发布者，没有强制许可。Dabblet本身是开源软件，在NPOSL-3.0许可下发布。7.EditrEditr是一个HTML、CSS和JavaScript游乐场，您可以在自己的服务器上托管它。它是一个基于ACE的编辑器。安装超级简单。它支持每页多个实例。可以通过JS对象或HTML属性进行配置。Editr支持3种视觉布局：水平、垂直和单一。前两个用于在线编辑。第三个是演示。Editr基于MIT许可证。8.LivewaveLiveweave是HTML5、CSS3、JavaScript的游乐场，也是网页设计师和开发人员的实时编辑器。这是测试、练习和分享结果的好工具！面板可调整大小，允许您随心所欲地编写（或编织，我们称之为）代码。Liveweave还具有针对HTML5和CSS3的内置标签/属性上下文相关代码提示，使生活更加轻松。9.D3PlaygroundD3.js旨在让您以交互方式使用D3.js库。每次编辑（生成有效代码）都会实时影响D3.js游乐场。由于CSS是可视化的重要组成部分，您还可以在线编辑CSS。10.HTML5PlaygroundHTML5Playground包含一个代码库，用于观看HTML5的运行情况。它们包括一些基本的启动例程，例如HTML5Doctype和音频标记（仍然是兼容浏览器中播放功能的一个很好的演示）。有一个带有HTML5元素的交互式表单，例如范围、日期输入和电子邮件地址和网站的自动验证。原文链接：codegeekz翻译：伯乐在线-谷洲8027翻译链接：http://blog.jobbole.com/72798/
