18 款在线代码片段测试工具

2顶
0踩

2013-09-24 10:51 by 副主编 WnouM 评论(0) 有9727人浏览

代码片段测试

本文作者Steve Smith是网站DesignDrizzle的创始人，他是一位工作超过7年的专业网站设计者。在这篇文章里展示了一些比较有价值、用起来非常方便的代码片段检测工具。这些工具将大大的提升开发者在代码片段检测方面的工作效率，亦可确保他们的代码运行起来万无一失。许多开发者都使用在线代码片段检测工具，这些工具当中有些是允许开发者和别人一起编辑/分享相互之间的代码，分享的目的主要是共同分析代码并相互协助完成代码片段的检查。

下面的这18个工具可以帮助开发者用来检查不论是即兴创作的代码还是用于大型工程的代码，同时还可以让开发者自主修改代码，以便更好的理解代码的功能性。

1. CodePen

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

2. Dabblet

Dabblet的界面十分简洁，操作起来并不复杂，特别适合新手和想尝试最新HTML5标签和CSS3样式的前端工程师使用。Dabblet的一大特色是代码编写时可免加CSS前缀。因为，Dabblet的创造者Lea Verou本人就是免CSS前缀JavaScript脚本prefix-free的创造者，Dabblet拥有此功能也就是顺理成章的事。HTML和CSS代码间的切换也很方便，点击隐藏工具栏右上方的标签即可。用户可以根据自己的习惯，调整前端代码的预览效果，浏览器内全屏预览将在新标签页中打开。

Dabblet支持用Github帐号登录，测试的代码片段既可以匿名保存也可以保存在用户的Github：gist中，以便用户将代码段嵌入自己的网站或是进一步分享给其他人。

3. Ideone

在线多语言编程执行器工具，支持包括C++，Java，JavaScript，Perl，PHP，Python和Ruby在内的40多种编程语言，能在线直接做编译和执行动作，该工具是一款简易的编程测试工具，虽然不能替代专业版的工具，但是其功能非常全面。

4. jsfiddle

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

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

HTML 编辑器
CSS 编辑器
JavaScript 编辑器
输出界面

5. Codepad

Codepad是一款简单的在线IDE编译器，适用于团队协作工作，帮助代码生成一个简短的URL，这样就能通过聊天或者电子讯息与人分享。

操作起来也很方便：只需要把代码粘贴进去就可以编译运行了，连工程也不需要新建，而且Codepad支持的语言有9种，包括C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl。

6. Liveweave

LiveWeave对于Web设计者和开发者来说都是一个极好的在线工具，它提供了6个Tab功能或特征，可以浏览、编辑、分隔、JavaScript库和Tidy、CSS3、HTML5等在线编辑。

7. Google Code Playground

有了这款在线工具，Web开发者就可以快速检查和运行代码，也就没必要非得打开一个外在校正器。

8. Pastebin.me

这是一款不可多得好工具，开发者可以理所应当的重新调整基于浏览器视角的代码窗格大小，这一功能对于宽屏显示器使用者来说是相当有吸引力的。

9. CSSDesk

CSSDesk允许用户快速敏捷的检查代码片段，还能让整个效果看起来活灵活现。左侧两个面板，可以分别输入HTML和CSS代码，但不支持JavaScript调试。你可以改变“预览区”的背景颜色，可以保存或下载调试完成的代码。

10. jsbin v.2

通过这款Web App，开发者就能对代码片段进行测试，并改善它的功能性。同时还能向别人分享URL。它分成JavaScript、HTML、CSS、控制面板和输出这5个区域，你可以自行勾选显示哪些区域。

11. Tinkerbin

和jsfiddle比较起来，Tinkerbin界面功能比较简答，但是界面布局更加合理。使用jsfiddle的时候，总感觉每一个窗口的输入都比较费劲，用户不得不来回的拖拉窗口。而使用Tinkerbin，你可以更加容易的切换多个窗口或者单独一个窗口编辑CSS，HTML，或者JS代码，根本不需要生成文件或者上传到服务器上。Tinkerbin同时也支持Coffeescript，Sass（with Compass），Less，HAML等类库。

12. Try Editor v.1.5

这是一款比较适中的、使用起来毫无压力的代码片段检查工具，只要将代码片段粘贴到Try Editor里面，从感觉上就能知道效果如何。

13. Snippet.io

它是一个没有多少限制条件的工具，可以毫不费力跟别人一起分享代码片段。

14. HTMLEdit Square

HTMLEdit Square是一款实时的后台操作工具，用于便捷的检查HTML代码。

15. Rendur

Rendur是一个轻量级的在线调试交流工具，功能不多，但是加载和运行都很快。用户可以在HTML、CSS、Javascript三个面板中切换，输入相应代码。代码的运行结果，会自动显示在背景网页上。最后一个面板，显示的是整个网页的源码。

16. Tinker

使用Tinker工具编写和分享代码都是相当方便的，速度不是一般的快啊！

17. Practicode

在这里，可以编写代码片段；另外，也可以提取HTML、CSS和VBScript代码。

18. jsdo.it

在这个网站里，可以将代码内接到Web浏览器里，也可以和别人一起分享代码片段。

英文原文：DesignDrizzle / 译：CSDN

查看图片附件

分享到：

2
顶

0
踩

评论共 0 条请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

2020-02-21

DOS命令，计算机术语，是指DOS操作系统的命令，是一种面向磁盘的操作命令，主要包括目录操作类命令、磁盘操作类命令、文件操作类命令和其它命令。目前大家常用的操作系统有windows 9x/Me，NT，2000等，都是可视化的界面。在这些系统之前的人们使用的操作系统是DOS系统。DOS系统目前已经没有什么人使用了，但是dos命令却依然存在于大家使用的windows系统之中。大部分的DOS命令都已经在...

Tasklist使用详解

用jstat查看jvm内存的使用的情况时，因为是windows机器，不能使用top命令方便的查出来，进程好在网上搜了一下看到了在windows原来使用的是tasklist 特意将tasklist的用法记录下来。原帖的地址是：http://hi.baidu.com/lgh_boffin/blog/item/314b1194fb957c18d21b70b6.html “Tasklist”命令是...

“tasklist”命令：电脑进程的“透视眼”，让你的系统管理不再“瞎忙活”

/fi”参数就是你的得力助手。通过查看进程的内存使用情况（Mem Usage）和CPU时间（CPU Time），你可以找出那些“贪得无厌”的进程，进而采取相应的措施，比如使用“taskkill”命令结束这些进程，释放系统资源。这就好比你不仅看到了“小蚂蚁”的样子，还能了解到它从哪里来，要到哪里去，正在做什么工作，简直就像是给每个“小蚂蚁”都贴上了一个详细的“身份证”。通过查看与服务关联的进程（/svc）、进程的详细信息（/v）以及调用的DLL模块（/m），你可以深入了解问题的根源，找到解决问题的线索。

Windows tasklist命令详解，Windows查看进程

Windows查看进程命令，查找进程文件位置，根据PID查找进程，查看调用指定DLL的进程，查找指定用户运行的进程，查看资源占用高的进程，根据进程名查找进程，

Windows命令之tasklist命令

tasklist命令显示本地计算机或远程计算机上当前正在运行的进程列表。命令结合筛选器一起使用，可以按照我们的需求进行过滤，查找我们需要了解的进程信息。tasklist 替换 tlist.exe 工具。

Windows 命令 netstat、telnet、Tasklist、Taskkill

目录 Tasklist 简述使用格式查看本机所有进程根据pid查询指定进程查看远程所有进程 Taskkill 简述根据进程PID结束根据进程图像名结束 /f 强制结束进程 /t 结束进程树 Tasklist 简述 1、"Tasklist"命令是一个用来显示运行在本地或远程计算机上的所有进程的命令行工具，带有多个执行参数。类似Linux系统的ps命令 2、显示...

eclipse 中的Task List 到底是干嘛的

Task List 在我们日常使用eclipse的时候总是忠实的出现在右上方（默认）

用Eclipse的TaskList功能进行任务管理（提高工作效率）

<br />　　最近很困惑：为什么当天该做的工作做不完？为什么工作计划总被其他事情耽搁？为什么回顾这一周的工作我毫无印象？我们是不是时常有这样的问题，让我们感到我们的工作杂乱无序，让我们感觉一天做了许多又好像没做什么，对于我时时有这样的问题，我也在想办法解决，比如使用李践总裁的《行动日志》，但是很难执行，特别是当工作忙的不可开交的时候，所有的行为规范全都抛得一干二净了，看来这总裁可不是什么人都能做的。这一困惑也帮了我个大忙，新的发现又让我学到了新的东西，可以很有致秩序的完成工作．昨天，在搭建新的

windows tasklist taskkill netstat start 进程管理

tasklist 查看帮助： tasklist /? 参数列表: /S system 指定连接到的远程系统。 /U [domain\]user 指定应该在哪个用户上下文执行这个命令。 /P [password] 为提供的用户上下文指定密码。如果省略，则提示输入。 /M [module] 列出当前使用所给 exe/dll 名称的所有

常用adb指令

输出log日志： adb logcat –c //清除系统中的所有日志缓存 adb logcat –v threadtime //输出带有进程，线程信息的日志 adb logcat –v time //输出只有时间的日志安装应用： adb install –d –r –g xxx.apk -d ：允许降级覆盖安装 -r ：替换已存在的应用 -g ：为应用程序授予所有运行时的权限查看手机序列号： adb devices ...

tasklist、taskkill命令使用方法及应用实例讲解

在Windows XP中新增了两个命令行工具“tasklist、taskkill”。通过“Ctrl+Alt+Del”组合键，打开“任务管理器”就可以查看到本机完整的进程列表，而且可以通过手工定制进程列表的方式获的更多的进程信息，如会话ID、用户名等，遗憾的是，我们查看不到这些进程到底提供了哪些系统服务。而tasklist、taskkill两个工具就能实现上面所说的功能。　　“Tasklis

Tasklist、Taskkill与筛选器

Tasklist、Taskkill与筛选器 ━━━━━━━━━━━━━━━━━━━━━━━━━━ Tasklist 与 Taskkill 是 xp 下很强大的命令工具。之所以强大，并不完全因为我们所熟悉的 Taskkill /f /im 或是 Taskkill /f /pid 的用法，而是因为它们的筛选器。我们先来看一下 Tasklist 与 Taskkill 的基本语法及

Npp plugins 之 TaskList

//z 2013-10-17 23:21:50 IS2120@BG57IV3 T1102566186.K.F2560461818[T1,L60,R2,V6] Notepad++ TaskList todolist todo list task 1. tasklist (todo list) 1.1 正确生成 index 的行号描述: 现在行号的不准确；由于生成的时...

PHP基础——’tasklist‘内存管理系统

功能： 1. 利用tasklist获取进程列表，保存进数据库。 2. 进程列表显示，表格排版。点击某列表头能够按该列排序。 3. 组合查询：可按映像名称、会话名模糊搜索，内存使用范围搜索。内存管理系统.html <!DOCTYPE html>  <html> <head> <ti...

使用cmd命令里的 tasklist 和 netstat 获取当前各进程的网络连接

使用快捷键 “开始键+R”，或者打开开始，搜索“运行”，运行cmd。输入 tasklist 命令，得到当前进程的名字，PID，会话，内存使用情况。例如当前两个QQ的PID是4616，4618。火狐Firefox的PID是4544。输入命令netstat，netstat有很多用法，这里用两种，netstat -an 和 netstat -o

获取进程占用内存

如何设置获取当前进程占用的内存大小路径为：/frameworks/base / services/core/java/com/android/server/am/ActivityManagerService.java每个应用进程都会执行到ActivityManagerService.java中，在ActivityManagerService.java中能够做很多事情，如果需要统计下当前进程占...

tasklist /m

今天看电脑爱好者看到的,非常的实用,所以给大家看看,喜欢命令的人可要试试看了实际应用中我们经常会发现某个dll文件不能被删除,那时因为它被某个进程给调用了,我们可以先结束这个进程然后再del这个dll文件这时就可以用tasklist /m *.dll这个命令了,它会告诉你哪个进程在调用这个dll文件 eg: tasklist /m winmm.dll ...

CMD中查看进程信息tasklist和取消进程的taskkill密令详细信息

一、tasklist ：输入：tasklist /? （回车） TASKLIST [/S system [/U username [/P [password]]]] [/M [module] | /SVC | /V] [/FI filter] [/FO format] [/NH] 描述: 这个命令行工具显示应用程序和本地或远程系统上运行的相关任务/进程的列表。参

Windows 中进程的相关操作

以下的操作均为Windows 10 系统 ①：查看进程 tasklist tasklist会按照pid（进程号）从小到大进行排列 ②：关闭进程 taskkill /im qq.exe /f taskkill /im 1024 /f 出处：进行VS 插件安装时，提示需要关闭具体的进程才能接着安装。 ...

Windows cmd命令搜索顺序

一、在cmd中执行一个不带后缀的命令（不带路径），首先会在无后缀的系统命令（如cd、dir等）中搜索，如果找到了就执行该命令，（dir是无后缀的系统命令所以优先执行，无视当前目录中的dir.exe）如果在无后缀的系统命令中找不到，则在当前目录中查找该命令+.exe、.msc、.bat等后缀的可执行文件或批处理文件，如果找到了则执行，如果没找到，再在环境变量那些目录中按上述规则搜索。（...

2顶0踩