代码展示网站介绍

测试Html类

 Liveweave  地址

Liveweave是一个非常棒的在线源代码编辑器。一个伟大的测试、练习和展示你代码的工具。只需点击两次就可以为你的代码添加Bootstrap、jQuery等常用的Web开发包。

 

<Kodtest/> 地址

这个代码高亮展示网站允许调整预览尺寸，支持移动设备和一些其他常用的屏幕设备。这个功能可以快速调试响应式断点。

 

CodePen  地址

在CodePen上，你可以演示被称作 pens 的代码。

Pen 由 HTML、CSS和JS组成。

Codepen有很多方便你展示代码的功能。例如，它支持 SASS 和 LESS 语法，可以快速的添加常用的JS库如jQuery、Angular等。

 

 

JS Bin  地址

JS Bin是一个集成很多功能的代码展示平台。它甚至有个控制台来让你调试和检查代码。它的控制台跟Chrome浏览器的控制台基本一样。并且JS Bin具有codecasting。

 

code.reloado.com  地址

简单的展示代码的工具。它提供很多js库， jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto等等。

 

dabblet  地址

这个代码展示平台更偏向于CSS，但它也有HTML和JS展示功能。一个方便的地方是它使用了-prefix-free JS库，所以你不需要担心CSS属性的前缀。

 

 

CSSDeck  地址

CSSDeck具有一个简洁的用户界面。可用于简单的展示代码。看到你代码展示的人可以在下面做出评论，不过他们需要提前注册该网站的帐号或者使用Github帐号登录。

 

 

 测试SQL类

SQL Fiddle  地址

SQL Fiddle是展示你的SQL语句的平台。它可以运行 MySQL, MS SQL, PostgreSQL, Oracle Database, SQLite等。

 

 

其它

codepad  地址

codepad是另一个展示服务器端语音的选择。它支持编程语言如PHP、Ruby、C、C++、Python等。

Ideone 地址

这个代码展示工具允许你展示服务器端代码语言(PHP、Perl等)。也可以处理像C++这样的软件编程语言。当你运行代码的时候，Ideone会为你和你的代码reviewers显示运行结果。它也会为你列出它发现的编译错误。

 

 JS Fiddle

JS Fiddle具有非常强大的JavaScript代码展示功能。

它具有多个版本的开发库，如jQuery、MooTools、React。它内置代码分析工具JSHint。

它甚至允许你通过它的 echo API来模拟AJAX请求。

Plunker

Plunker是一个创建、合作、分享你的网站开发思路的在线社区。

它的代码编辑器具有非常多的功能。