它们不仅仅提供简单的代码展示功能，还提供很多代码协作和实际编程过程会用到的功能。例如，当你需要别人帮你调试源代码的时候，可以使用这些网站分享你的问题代码，然后把链接分享给帮助你的人。这使得他们可以方便的查看你的源代码并提供kb88凯时官网登录的解决方案。
1、codepen
网址：https://codepen.io
在codepen上，你可以演示被称作 pens 的代码。pen 由 html、css和js组成。codepen有很多方便你展示代码的功能。例如，它支持 sass 和 less 语法，可以快速的添加常用的js库如jquery、angular等。这里可以查看该网站上流行的pens。
2、liveweave
网址：https://liveweave.com/
liveweave是一个非常棒的在线源代码编辑器。这也是网站设计师和开发者的终极游乐场，一个伟大的测试、练习和展示你代码的工具。我非常喜欢它，它可以非常方便的为你的代码添加第三方依赖。你只需点击两次就可以为你的代码添加bootstrap、jquery等常用的web开发包。
3、dabblet
网址：https://dabblet.com/
这个代码展示平台更偏向于css，但它也有html和js展示功能。一个方便的地方是它使用了-prefix-free js库，所以你不需要担心css属性的前缀。
4、js fiddle
网址：https://jsfiddle.net/
js fiddle具有非常强大的javascript代码展示功能。它具有多个版本的开发库，如jquery、mootools、react。它内置代码分析工具jshint。它甚至允许你通过它的 echo api来模拟ajax请求。
5、kodtest
网址：http://kodtest.com/
这个代码高亮展示网站允许你调整预览尺寸，支持移动设备和一些其他常用的屏幕设备。这个功能可以帮你快速调试响应式断点。
6、plunker
网址：http://plnkr.co/
plunker是一个创建、合作、分享你的网站开发思路的在线社区。它的代码编辑器具有非常多的功能。这里是一个plunker上浏览最多的展示列表。
7、cssdeck
网址：http://i.9iphp.com/wp-content/uploads/2015/06/demo-code-cssdeck.jpg
cssdeck具有一个简洁的用户界面。如果你想找一个简单的展示代码的功能，这个一个很好的候选工具。看到你代码展示的人可以在下面做出评论，不过他们需要提前注册该网站的帐号或者使用github帐号登录。
8、code.reloado.com
网址：http://code.reloado.com/#javascript,html
这是另一个简单的展示你代码的工具。它提供很多js库， jquery, bootstrap, prototype, backbone, twitterlib, zepto等等。
9、ideone
网址：https://ideone.com/
这个代码展示工具允许你展示端代码语言(php、perl等)。也可以处理像c 这样的编程语言。当你运行代码的时候，ideone会为你和你的代码reviewers显示运行结果。它也会为你列出它发现的编译错误。
10、codepad
网址：http://codepad.org/
codepad是另一个展示服务器端语音的选择。它支持编程语言如php、ruby、c、c 、python等。
11、js bin
网址：http://jsbin.com/?html,output
js bin是一个集成很多功能的代码展示平台。它甚至有个控制台来让你调试和检查代码。它的控制台跟chrome浏览器的控制台基本一样。并且js bin具有codecasting。
12、tinkerbin
网址：https://tinkerbin.herokuapp.com/
tinkerbin是一个简单的提供了你需要的所有功能的代码广场。tinkerbin除了支持javascript还支持coffeescript，除了支持css还支持sass/scss/less，除了支持html还支持haml。
14、sql fiddle
网址：http://sqlfiddle.com/
sql fiddle是展示你的sql语句的平台。它可以运行 mysql, ms sql, postgresql, oracle database, sqlite等。
