互联网为web开发人员提供的最大好处之一是能够与其他专业人员共享和协作。当你遇到编码障碍时，你可以在社交网络上看看你的朋友是否能帮你一把。当您需要调试、试验和共享短代码片段时，沙盒工具非常有用。
为什么使用基于web的沙盒工具而不是测试服务器或本地web服务器堆栈XAMMP或里面？不需要简单地设置和保存HTML、CSS和JavaScript文档来测试和调试小代码片段，能够远程备份代码片段，能够快速链接和展示你的工作(许多这些工具都可以做到)是你想要使用它们的主要原因。在本文中，您将找到一些最好的免费代码以及用于测试、调试和/或共享代码的装箱工具。
共同的特征
虽然列表中的每个工具都有自己独特的功能，可能会使其中一个比另一个更有吸引力，但你会在大多数工具中发现这些通用功能:
- 简单和优化的片段:这些工具并不是完全基于web的ide /源代码编辑器(比如艾米编辑器和Kodingen)
- 网络:可以在浏览器中运行而无需安装任何软件吗
- 免费的:你可以不用花一分钱就能使用这些工具，而且很多工具甚至是开源的
- 预览窗格:允许您查看代码将如何呈现
- 运行前端/客户端代码:能，至少，运行HTML, CSS和/或JavaScript
- 保存功能:包含的大多数工具允许您下载代码和/或在现场保存
- 分享功能:下面的大多数工具在设计时都考虑到了共享和协作
让我们来看看一些顶级的免费沙箱工具，对于它们中的每一个，我们将讨论它们具有的一些显著的独特功能，以帮助您做出明智的决定，哪一个适合您。
1.Tinkerbin
Tinkerbin由web开发机构sininefunc创建，是一个相对较新的代码游乐场，可以运行HTML, CSS和JavaScript，以及CSS和JavaScript抽象语言/元语言，如SASS和CoffeeScript。它有快捷键，方便地让你在选项卡和代码窗格之间有效地导航。自动更新预览窗格是一个很好的功能，可以在编写代码时显示您的工作。
2.JS本
这个由开发者Remy Sharp开发的开源沙盒工具是一个优秀的JavaScript/HTML代码测试工具。它有实时/实时预览的选项，并能够引用(包括)流行的开源库，如jQuery，MooTools， YUI和Modernizr。如果你想在本地使用这个工具，你可以在GitHub上获取JS Bin的源代码。
上查看此工具的文档、技巧和教程JS Bin自己的Tumblr博客。
3.JS小提琴
JS Fiddle是一个免费的用于HTML、CSS和JS的沙盒工具，它有一组很棒的功能，比如可以引用流行的JS库/框架，比如jQuery、YUI和MooTools，还有一个ajax请求测试功能，可以模拟代码的异步调用。有一个运行命令JSLint它可以检查你的JavaScript代码质量，以及“Tidy Up”代码格式化命令重新缩进你的代码。这个开源网络工具的源代码可以在GitHub上找到。
4.CSSDesk
这个在线的CSS/HTML沙盒工具是一种测试样式表和标记片段的好方法。您可以选择更改预览窗格的背景，当您由于前景/背景对比度低而难以查看CSS/HTML工作的结果时，或者查看您的工作在不同类型的背景上的效果时，这是非常有用的。您还可以通过隐藏HTML和CSS代码窗格来最大化预览窗格的屏幕查看大小。
5.Pastebin.me
一个由开发者和企业家Dale Harvey创建的工具，Pastebin。me是一个简单和杂乱的HTML/JS开源沙盒工具。代码窗格根据浏览器的视口灵活地调整大小，当您使用宽屏显示器时，这尤其棒。它有三个有用的模板(“HTML”，“JavaScript”和“jQuery”)，可以立即用默认的HTML标记自动填充代码窗格。
6.jsdo.it
这个沙箱工具强调社区参与和协作，其特性使您可以轻松地在社交网络和站点内共享代码。它有一个流畅的界面，一个自动更新的预览窗格，并能够包含开源JS库。一个独特的功能是“智能手机预览”命令，它会打开一个新的浏览器窗口，窗口大小与手机相当。
该工具需要您注册并登录。
7.Tryit编辑器即时
这个免费且简单的工具允许您快速测试HTML标记。如果您不需要上述工具提供的所有功能，而只是想要一个工具来快速测试HTML，那么可以选择这个工具。当您更改编码窗格中的内容时，它会自动更新预览窗格。
它没有任何保存和协作功能，所以它更像是一个个人工具。
8.PractiCode
practice code在线代码编辑器是Landofcode.com的教育辅助工具网页设计材料。虽然它是为了在阅读材料时与他们的指南和教程一起使用，用于练习和测试代码片段，但它也可以用作沙盒工具。这个在线工具可以渲染HTML, CSS和VBScript。
9.JavaScript沙箱
您正在寻找一种非常简单的工具来测试JavaScript代码片段吗?只需看看JavaScript Sandbox，这是一个非常简单的工具，与其他已经提到的基于web的工具(如Tinkerbin和JS Bin)相比。然而，对一些人来说，它简单的特性可能正是这个工具最吸引人的地方。
10.谷歌代码游乐场
谷歌为web开发人员提供了大量免费的api和服务，例如网页字体，谷歌分析以及内容分发网络(CDN)流行的开源JavaScript库(如jQuery）.谷歌Code Playground是一个沙盒工具，让你能够测试和实验谷歌的令人敬畏的api。还有，看看顶部谷歌产品和服务的人谁建立webites。
其他要检查的工具
- Pastebin:一个简单的文本粘贴工具，具有语法突出显示功能。
(不过没有现场预览)
- codepad:一个基于web的编译器/解释器，用于服务器端和软件编程语言，如PHP和c++
- 实时HTML编辑器:一个非常简单的HTML预览工具
- Ideone:一个在线解释器/调试工具，可以运行超过40种编程语言
你有没有上面没有提到的最喜欢的基于网络的沙箱工具?请在评论中与我们分享。
相关内容
WebFX职业
加入我们的使命，为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。
