分享8个最佳的代码片段在线测试网站

有时候，我们需要测试一些代码片段，而电脑中没有安装针对该语言的运行环境，没关系，你可以在线测试它们。

本文为你带来 8 款非常好用的代码片段在线工具，帮助你快速、方便地测试、编辑代码片段。

1.   ideone

ideone 是一个在线代码编辑、调试工具，允许开发者在线编译、运行代码，支持超过 40 种编程语言。

2.   Codepad

Codepad 是一个在线编译/解释器，还是一个简单的协作工具。在文本框中粘贴代码片段，Codepad 将会运行它，并会生成一个短 URL，你可以共享给其他人。

3.   jsFiddle

jsFiddle 是一个 web 开发人员的练习场，可以用来在线编辑一些 HTML、CSS、JavaScript 代码片段，并可以将这些代码与其他人分享，或嵌入你的博客等。你还可以选择你自己熟悉的、流行的各种 JavaScript 库来进行开发。此外，jsFiddle 对 XHR 的支持也非常好，还可以模拟一些响应等。

4.   CSS Desk

CSSDesk 是一个标准的 CSS 沙盒，该网站分成三栏，可以非常方便的通过在左侧实时修改代码来查看某个 CSS 属性的改变给 HTML 元素带来的影响，甚至可以把整个网站都放到其中进行调试，并将调试完成的文件保存为 HTMl。唯一的遗憾是缺少代码提示，需要手工输入 CSS 属性。

5.   Online Code Editor

6.   jsBin

JSBin 主要用于帮助测试 JavaScript 和 CSS 代码片段，功能与 jsFiddle 网站一致。

7.   Google Code Playground

Google Code Playground 提供了一个在线版的 JavaScript、Ajax 的编辑、开发和调试环境，而且可以方便的访问相应的文档。内置了很多常用的 Google API 的示例和几个 Ajax 库。

8.  jsdo it

jsdo it 允许开发者在线编写 JavaScript、HTML5 和 CSS3 代码，并允许在社区中相互分享。

英文原文：8 Best Way for Testing Code Snippets

赞 (0)

相关推荐

  • JavaScript的漂亮的代码片段

    动态构建正则表达式 复制代码 代码如下: new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) ) 来自sizzle,动态构建正则时,这样做避免了字符转义. 更灵活和巧妙的数字补零 复制代码 代码如下: function prefixInteger(num, length) {    return (num / Math.pow(10, length)).toFixed(length).substr

  • 你一定会收藏的Nodejs代码片段

    以下就是为大家分享的四段Nodejs值得收集的代码片段,供大家参考,具体内容如下 1.关于Nodejs的静态资源压缩与缓存参见:Nodejs打造静态资源服务器与文件上传刚学Express那会,动态文件的gzip压缩,好长一段时间都没找到合适的方法,才发现就是这么简单-- app.js里添加compression模块: 先安装:var compress=require('compression');app.use(compress()); OK了动态文件也能gzip压缩了: 2.抓取妹子的图片:

  • 在多个页面使用同一个HTML片段的代码

    问题描述 有一个比较复杂的HTML片段(A),如果把这个HTML片段嵌入到其他页面中(B,C,D....). 问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理,比如说分页,点击事件响应等. 对于这个问题,我们用一个简单的例子来说明: "页面上有一个按钮,点击此按钮引入一个HTML片段,此HTML片段中有分页按钮." 1. 使用IFrame 主页面,点击一个按钮向页面引入一个IFrame: 复制代码 代码如下: <script type="text/j

  • JavaScript和JQuery实用代码片段（一）

    (一)怎样用JQuery刷新一幅图片? 说明:我们都知道,当我们在请求一个资源(比如网页,图片等)的时候,如果该资源被缓存到浏览器了,那么请求返回的就是缓存的副本,不是我们希望获取的资源(该资源内容已经被更新了),此时最普遍的一个办法就是在请求的页面后面或者图片的src后面加上一个查询字符串"ran=" + Math.random(),这样就会请求到最新版本的资源啦! 代码: 复制代码 代码如下: $(imageObj).attr('src',$(imageObj).attr('src

  • 15个非常实用的JavaScript代码片段

    本文实例为大家分享了非常实用的js片段,供大家参考,具体内容如下 1.如何区分IE及非IE浏览器: if(!+[1,]){ //IE 11 不支持 alert("这是 IE 浏览器"): }else{ alert("这不是 IE 浏览器"): } 2.将日期直接转换为数值: +new Date(); 3.非IE浏览器下将类数组对象 "arguments"转为数组: Array.prototype.slice.call(arguments); 4.

  • 一些有用的JavaScript和jQuery的片段分享

    为指定元素添加 CSS 类: 通过添加 CSS 类改变元素的外观和感觉,非常干净的方法,而不是添加内联样式.使用 jQuery,这很容易做到: $('#myelement').addClass('myclass'); 从指定元素移除 CSS 类: 你可能觉得添加 CSS 类的操作已经灰常牛逼,但我们还需要知道如何移除不需要的 CSS 类.下面的代码能做到这一点: $('#myelement').removeClass('myclass'); 检测指定元素是否具有某个 CSS 类: 如果应用程序或

  • 用AJAX返回HTML片段中的JavaScript脚本

    这是AJAX开发中很常见的问题,如果你不是一直在用JavaScript框架做开发,相信你早就发现这个问题了.本文分析了两个解决办法,其中一个是讲解jQuery框架的实现. 一. 问题描述 下面举个简单的例子,演示问题所在.在下面的例子中,假设变量responseText就是AJAX加载的HTML片段数据,其中包含脚本弹出一条消息,用innerHTML方法插入ID为ajaxData的DIV中,你可能期望看到弹出那个消息框,结果你发现没有,问题就是这样. 复制代码 代码如下: <div id="

  • 总结AJAX相关JS代码片段和浏览器模型

    在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性.尤其是熟悉CSS+HTML就会做的很酷.就JS语言本身来说要求不高. 1.动态删除Table 里面内容技巧,不需要写太多代码,一行: tb.removeNode(true) 2.动态增加行,除了CreateElement方法,还可以这样比较短小: <table id=tb1></table> <SCRIPT> function

  • AngularJS中取消对HTML片段转义的方法例子

    今天尝试用 Rails 做后端提供 JSON 格式的数据, AngularJS 做前端处理 JSON 数据,其中碰到 AngularJS 获取的是一段 HTML 文本,如果直接使用 data-ng-bind 的话是被转义过的,使用 data-ng-bind-html 则可以取消转义. 但是直接使用 data-ng-bind-html 的话会提示错误 复制代码 代码如下: Error: [$sce:unsafe] Attempting to use an unsafe value in a saf

  • JS跨域代码片段

    下面的代码块是js调用一般处理程序的代理来实现js跨域的.如果js需要多次跨域,推荐下面的方法. 复制代码 代码如下: public string GetInfo(HttpContext context) { string post = "a=XX&b=XX"; return CreateHttpRequest("https://www.XXXX.com", post, "POST"); } #region 构造请求 /// <su

随机推荐