在线代码编辑、保存与运行网址推荐

最近开始讨厌写一个demo,写好之后要上传到服务器,传好之后还要找对地址,以后如果改版还需要下载代码,编辑代码,再上传。多么繁复的过程,我只是写个demo而已。

于是,我开始寻找在线工具实现

1. CodePen

CodePen只是一个web前端的运行场地,具备机动、训练和分享等多种功能。同时,CodePen还可以让使用者构建一个压缩版本的测试案例来证明并解决编码当中的错误。

2. jsfiddle

jsfiddle是一个在线的shell编辑器,通过javascript框架创建自定义的环境,以简化JavaScript代码。还可以用于测试示例代码。不仅如此,你还可以添加一个Ajax echo后端,并且通过一系列的JavaScript框架自动载入资源,如MooTools,jQuery,Dojo,Prototype,YUI,Glow和Vanilla等等。

还有一个重要特性就是能够保存和分享一个unique URL生成代码,jsfiddle还有一个嵌入的功能。它提供了一个由4个部分组成的界面:

  • html 编辑器
  • CSS 编辑器
  • JavaScript 编辑器
  • 输出界面

3.JS Bin

4.GitHub Gists

5.runJs

runJs这个挺不错,源码输出时可以不是嵌套框架,比上面的那些都要好,决定试用一下。

转载地址:http://caibaojian.com/code-snippets-online-test-tools.html

时间: 2024-10-11 20:01:35

在线代码编辑、保存与运行网址推荐的相关文章

[转载]Java开发在线打开编辑保存Word文件

Java调用logo是"P"图标的第三方插件,实现在线编辑保存Word文件(以jsp调用为例,支持SSM.SSH.SpringMVC等流行框架) 工具/原料 Eclipse或MyEclipse等java IDE环境 logo是"P"图标的第三方插件 方法/步骤 下载logo是"P"图标的第三方插件开发包:百度一下PageOffice,从官网下载   以Myeclipse为例,新建一个Web Project,比如:wordonline   解压开发

多语言在线代码编辑器,可运行程序

在线代码编辑器,网址:http://www.mcqyy.com/RunCode/c/ 可支持的语言有: php5.3.php5.4.php5.6.php7.python2.7.python3.C#.java.shell.c语言.c++.go.lua.perl.ruby.nodejs.Objective-C.erlang.rust.R语言.scala.haskell.D语言 如下图: 也可以在首页上找到链接,首先打开首页http://www.mcqyy.com/,然后在页面的最下面的“实用工具”中

20个最强的基于浏览器的在线代码编辑器

20个最强的基于浏览器的在线代码编辑器,你听过或者用过吗? 1. Compilr Compilr是一个在线编译器和在线IDE.可以用它来开发PHP, C, C++, Ruby.在浏览器中编译Java, C# 和 VB.net等. 马上使用 2. Dabblet 跨浏览器兼容,对前端攻城师们来说是一个不得不处理的问题.为了在浏览器间呈现统一的显示效果,攻城师们不仅要为每个游览器添加CSS前缀,甚至还需要用到一些特殊的CSS Hack技巧.于是,jsFiddle.JSBin等前端代码的在线测试工具应

网址推荐:学习数据结构的好去处

推荐一个学习数据结构的好网站:visualgo 生动形象,能够看到代码的运行效果和代码执行的过程. 网址推荐:学习数据结构的好去处

JavaScript在线运行html代码,保存html代码到本地

在网页中看到一些html代码却不知这样的代码运行起来是什么样子?觉得一些模板代码不错还要手动复制,新建文件,粘贴嫌麻烦?下面的js方法可以帮你解决这些问题. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript在线运行html代码,保存html代码到本地</title> </head> <body> &l

花了一年时间完成的 在线G代码编辑,加工系统

G代码是数控程序中的加工指令.一般都称为G指令.可以直接用来驱动机床,各种控制系统.是一种数控行业标准.传统的G代码编写以及编辑无法在线编辑,也不能实时看到g代码编辑的最后加工路径已经不能直接对编辑的G代码进行加工. 为此我花了一年时间做了一款在线G代码编辑,加工系统,除了支持传统的G代码编辑,路径预览外,还可以支持G代码在线加工,通过加载固高,雷塞,众为兴,gail等主流的控制卡或控制系统的驱动,直接对当前编辑的G代码进行加工,做到在线编辑,在线加工,大大提高加工效率,可以用在一些简单的常用的

Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!

传统的代码分享工具JSbin和JSfilddle jsfiddle和jsbin可能是前端开发中最早最常用的代码“把玩”工具,拥有大量的粉丝和用户,作为前端开发攻城师来说,我个人过去也常常使用. 不过作为国外的服务和产品,加载速度非常不理解,经常半天加载不上,如下图: 而且最重要的在于大量的CDN引用JS/CSS来自于Google CDN,大家也明白,天朝不再给Google发VISA啦,所有的Google域名下的服务或者文件都无法正常访问.除非你FQ!使用非常不流畅滴说!,如下图: 轻视频代码分享

几个有用的软件开发工具之——代码编辑工具

1 代码编辑工具 1.1 source insight Source insight 是一款很优秀的代码编辑软件,支持创建project(同一时候支持网络创建),语法着色,词语联想,它的代码搜索功能很强大,很适合阅读代码. 下图是Source insight的全视图: 左边为变量和參数列表: 右边为project文件列表: 右下角为函数调用树: 左下角为鼠标所指变量或者函数的定义 中间为正文,黄色表示这一行刚刚更改,还未保存.假设保存,则更改行会显示为灰色. 以下介绍一下工具的搜索功能: 搜索功

Dirty Markup - 在线代码美化工具

如果你需要一个帮助你规整书写混乱的代码的工具的话,我强烈推荐给你这个在线代码美化工具 - Dirty Markup.这个在线工具能够帮助你有效的处理HTML/HTML5,CSS和javascript代码. 这个工具内建了HTML Tidy, CSS Tidy 和 JS Beautify的功能,可以快速有效的帮助你规整代码. 如何使用 使用非常简单,你只需要选择你需要美化的代码类型,例如,HTML,CSS或者是Javascript,然后在右边的代码编辑框中输入你需要规整的代码,即可. 同时它提供了