这篇文章的原始标题是“说真的，就做一个 JSFiddle”。它是在我成为 CodePen 联合创始人之前写的。CodePen 受 JSFiddle 和 JSBin 等应用程序启发，这一点并不秘密或意外。我的工作是向您推荐 CodePen，并且我认为它对您来说是一个不错的选择。
有没有人曾经要求您帮助解决 HTML、CSS 和 JavaScript 的组合问题，并且他们将所有文件的全部内容复制粘贴到电子邮件或论坛帖子中？这种情况非常普遍，因此请将其视为干预。当您在解决问题时
- 转到 CodePen 的编辑器。
- 将 HTML 放入 HTML 区域，将 CSS 放入 CSS 区域，并将 JavaScript 放入 JavaScript 区域
- 查看结果是否显示问题，根据需要进行调整以使问题非常清晰。
- 按“保存”以获取公共 URL。
- 在您尝试获得故障排除帮助的地方分享该 URL。
此外，如果您能将其简化为仍然显示问题的最少代码，那是最理想的。
关键是能够**查看结果**。与单独查看您的代码相比，让您的潜在故障排除人员玩弄它更容易 100 倍。
很多时候，在创建此 Pen 的过程中（让我们称之为它是什么：简化的测试用例），您会自己解决问题。如果没有，您从其他人那里获得帮助的机会会大大提高。
这样做会让您成为更好的程序员，并在床上变得更好。我保证。
XOXOXO，
-Chris
它确实非常方便。
您甚至不需要在 HTML 部分中包含任何 <head> 信息！
jsFiddle 还允许您保存“修订”以跟踪您的进度。
这真是太棒了，一定要收藏！
“说真的”这个词语太过侮辱，有必要吗？
有。
是的，确实……有时您只需要强调问题的严重性……说真的。
是的！
我最近开始为 StackOverflow 贡献答案，我认为我从来没有见过包含 jsFiddle 的帖子，而这些帖子没有导致快速且轻松的解决方案。
这是“有图有真相”的网页开发方式。我不想听你关于为什么不能提供页面链接的蹩脚借口，就做一个 Fiddle 吧。
如果你认为那是侮辱，那你真的需要锻炼一下你的承受能力。
有人觉得这篇文章是针对他们的吗？嘿嘿：D
是的
哇。你真的被这个词语给侮辱了吗？
我认为在夏威夷可能有一大群人会因为你的网名而感到受辱。
……说真的。:-|
这真是一个很棒的网络工具。易于访问，并提供很棒的链接共享功能。
我从你那里学到它，并在我的文章中使用它。
我一直使用 jsFiddle，因为它拥有简洁易用的 UI，而且它对快速跨浏览器测试非常小的代码片段非常方便。
很棒啊，姜汁人！
很棒的帖子！
当有人需要帮助时，我会将他们推荐到这篇帖子，因为您为不熟悉这些工具的人提供了一个很棒的分步指南。
我创建了一个 j.mp 链接来访问这篇帖子：http://j.mp/makeajsfiddle
能把它保存起来真是太棒了 :D
干杯！
感谢分享，Chris..这对我来说非常简单…
现在，如果所有不这样做的人都能读到这篇文章就好了。
刷屏论坛 >.<
JSBin 拥有最棒的界面——非常简洁。
披露：我设计了这个界面 :)
我绝对更喜欢 jsFiddle 的面板布局。你们为什么要决定使用 3 列？
我上个月用 jsFiddle 为我的同事做了一个 jQuery 101 的培训。我能够设置一个多步骤项目，将每个步骤保存为不同的修订。这使我能够显示项目中的每个步骤，而无需重新编码或创建 10 个不同的文件，此外，它还使我有机会与他们分享该链接，因此他们可以在开始 jQuery 项目时随时查看它。
不错的用例！
为什么每个人都如此迷恋 jsFiddle？
我用过它，也帮助过其他人使用它。但是，我讨厌它。它真是个麻烦。
为什么它对你来说是个麻烦？
“这样做会让您成为更好的程序员，并在床上变得更好。我保证。”
–太棒了，哈哈 :)
因为你的代码可以正常工作，所以你有更多时间在床上！:-)
我经常使用 jsFiddle！我想这使我在床上成为大师*beam*…现在如果有人陪我就好了 o.O
好吧，我会试试的。
我之前见过它，但在您的上下文中，它很有道理。
我刚刚收藏了它，谢谢 Chris。我真的很喜欢它的界面，虽然我会将问题上传到我的服务器上以供公开查看（因为我也意识到人们喜欢玩弄代码），但这是一个不错的工具。
Chris，感谢你发布这篇帖子！我经常在 freenode 的 #jquery 上提供帮助，最终也帮助人们使用 jsfiddle！
感谢您推广 jsfiddle。也许这篇文章能帮助我们不再需要问别人“请发布一个 Fiddle”。
这些工具仅适用于调试，不适用于重型工作，也不适用于检查黑客或 CSS 箭头……
嗯，标记可以在 jsFiddle 上进行检查。
现在正在使用该网站。这篇文章说得很对！
Chris,
我看到了 jsFiddle 中的评论和指南，要求“保存”以创建公共 URL，但在我的 jsFiddle 中，该按钮显示的是“更新”，而不是“保存”？我做错什么了吗？
不用管我了……今天太累了！我已经点击了“保存”，当然下一步应该是“更新”！
哎呀！
*Jon 羞愧地低下头，去泡另一壶咖啡了！*
保存后，您就可以更新了。
太棒了，想想我一直在用Pastebin :s
显然，它不允许您更改对象的原型。真是太可惜了。
我已经用这个几个月了！在论坛上帮助别人时，总要复制粘贴所有东西到本地，很痛苦。
我只希望它有一个可用的iPad UI。在iPad上，无法使用按键隐藏面板。
是的，你和你任何人都可以随时轻松访问你最简单的解决方案。这样可以超级简单地与他人分享你的*天才*。
一如既往的好读。
@Chris – 最后的声明不错。
我个人喜欢JSBIN中的实时视图，但讨厌预先模板的东西。
你应该也提到人们应该发布可点击的链接。我真的很讨厌人们发布文本作为链接，你必须复制粘贴到一个新的选项卡中。
我完全同意你的观点，这也是我创建我的网络应用程序的原因之一，http://qip.li ，它允许你托管网页，你也可以用它与他人分享你的代码，这使得故障排除变得容易得多。
不错的网站…现在如果它有一个滚动条，而不是让我玩超级滚球来滚动页面;)
不错。感谢你的提示。我相信我将来会用到的。
简单的导航
http://jsfiddle.net/arck7/DakDQ/
如有需要请使用
不错的菜单，过渡很平滑，我很喜欢，谢谢！
我必须承认，我真的很喜欢jsfiddles的界面，比我最近一直在使用的jsdo.it要好得多。
jsdo.it 对我来说是个新东西。但是，是的，我同意你的观点，我更喜欢JSFiddle的界面。一切都好像在合适的位置上。
我以前从未听说过任何这些服务，但它们似乎真的很省时间！
是的，当它在一个基本的HTML/CSS/JS框架中工作时，这一切都很好，但是当你有一个愚蠢的ASP.NET问题，无法让事情工作时怎么办？ :-)
我知道，我知道，ASP.NET 是一种不同的野兽 – jsFiddle 确实很棒！
嘿，太棒了。感谢分享。我们曾经在一个网站上使用过JotForm，并花了几天时间试图调试并找出JavaScript问题来自哪里。
顺便说一句，前几天我穿了我的免费CSS Tricks T恤。从你那里在#frontendconf得到的。非常感谢！:)
同意，JSFiddle 太棒了！在使用StackOverflow这样的网站时，提供了很多帮助。
我很惊讶StackOverflow上更多的人没有使用它（或者发表评论的人没有在他们帮忙之前‘要求’使用它…）
我最近开始使用它。它让获得帮助变得容易多了。:)
仅供专家使用 he3x。
我是新手
哦，是的，奇怪的是，我刚把它添加到我网站上的一个页面。这必须分享。
http://jsfiddle.net/Amelecuk/LnmpR/
我想让当前选定的标题在你点击标题（例如“关键功能”）后关闭。
所以它会扩展回自身，这样效果就是打开和关闭
点击1 - 打开标题，阅读文本
点击2 - 关闭标题
并非所有东西都能在这些工具上正确渲染，例如：css 箭头！
这篇文章激发了我开始使用jsfiddle，我非常喜欢它。
前几天我在Stack Overflow上发布了一个问题，使用了fiddle，结果很棒…真的帮助我“理解了”…感谢你的建议，Chris！
谢谢，Chris。
真的很帮助。
确实非常有用的在线工具！Stackoverflow上有人向我推荐了jsfiddle……不知道jsbin和cssdesk……
我想知道如果没有这些，我错过了多少个小时的睡眠:)
JSFiddle是我的最爱。让我的生活变得如此轻松
http://kodtest.com 我最好的实时代码编辑器..
Chris，你介绍CodePen真的做得非常棒，我用它来满足我的前端设计需求。非常感谢！
http://liveweave.com 具有一个不错的代码提示功能，并允许您将所有代码下载为.zip文件
这些都是很棒的功能。为了更清楚起见，CodePen 也具有zip 导出（以及其他导出方式）和强大的代码提示，适用于所有 CSS、HTML 和 JS。