阅读更多

2顶
0踩

研发管理

翻译新闻 18 款在线代码片段测试工具

2013-09-24 10:51 by 副主编 WnouM 评论(0) 有9751人浏览
本文作者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
  • 大小: 13.3 KB
  • 大小: 11.8 KB
  • 大小: 18.3 KB
  • 大小: 13.8 KB
  • 大小: 12.3 KB
  • 大小: 14.8 KB
  • 大小: 23.8 KB
  • 大小: 21.8 KB
  • 大小: 11.6 KB
  • 大小: 5.9 KB
  • 大小: 11.8 KB
  • 大小: 12.9 KB
  • 大小: 7.3 KB
  • 大小: 10.6 KB
  • 大小: 21.9 KB
  • 大小: 8.8 KB
  • 大小: 21.7 KB
  • 大小: 19.9 KB
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的进程,查找指定用户运行的进程,查看资源占用高的进程,根据进程名查找进程,

  • 【FreeRTOS(四)】显示任务详细信息

    通过 vTaskList来协助分析操作系统当前 task 状态,以帮助优化内存,帮助定位栈溢出问题。

  • 07 FreeRTOS - 常用调试函数(三) vTaskList()

    FreeRTOS常用调试函数,vTaskList函数原型

  • FreeRTOS(vTaskList与vTaskGetRunTimeStats)

    【代码】FreeRTOS(vTaskList与vTaskGetRunTimeStats)

  • Windows命令之tasklist命令

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

  • FreeRTOS_调试与优化

    在使用FreeRtos进行开发的过程中,我们通常需要了解系统的运行状态、内存、CPU使用情况等信息,来确保系统能够长期稳定的运行。当前任务的剩余内存;当前任务历史最小内存;系统总的剩余内存;系统运行的总时间;单个任务的运行时间;每个任务占用的CPU时间;1/*为1时启用可视化跟踪调试*/1。

  • freertos的实用调试函数之vTaskList

    在使用freertos的情形中,免不了在创建任务的时候需要来手动给任务划分堆栈大小,对于一些资源比较紧张的处理器,肯定是需要把空间合理运用的,这个时候就可以考虑使用vTaskList这个os自带的一个函数来监控各个任务处于的一个工作状态以及当前运行状态下剩下的堆栈大小。 使用此函数需要在FreeRTOSConfig.h里面来把下面两个宏定义打开 #define configUSE_TRACE_FACILITY 1 #define configUSE_STATS_F.

  • FreeRTOS学习笔记(5)

    所谓的相对延时与绝对延时,可以理解为当一个500ms的任务执行时,相对延时是从调用函数vTaskDelay()后才开始计时500ms,而绝对延时则是这一整个任务加起来共执行500ms。, {r4-r6} /* 任务栈r0地址由低到高,将r0存储地址里面的内容手动加载到 CPU寄存器r4、r5、r6 */, {r4-r6} } /* r0的存储地址由高到低递减,将r4、r5、r6里的内容存储到r0的任务栈里面。-绝对延时,指将整个任务的运行周期看成一个整体,适用于需要按照一定频率运行的任务。

  • FreeRTOS-任务信息查询

    FreeRTOS-任务信息查询 FreeRTOS中提供了很多函数可以用来获取相应的任务信息,这里我们会深入分析vTaskGetInfo()、uxTaskGetSystemState()和vTaskList()这三个函数以及它们之间的一些联系。FreeRTOS中的任务信息查询函数列举如下: 函数名 描述 uxTaskPriorityGet() 获取某任务优先级 vTaskPrioritySet() 改变某任务优先级 uxTaskGetSystemState() 获取系统中所有任务状

  • FreeRTOS API: vTaskList() 查看当前所有任务信息

    在 xTaskCreate 创建 task 时,给定的第三个参数值代表该 task 调度和运行过程中,最大可用 task 栈空间,以字节为单位(读者可以修改 portSTACK_TYPE 宏来决定是否以字节还是4字节为单位);B: 当某个 task 最小剩余 task 栈空间比较小时,适当增大 xTaskCreate 创建该 task 时给定的第三个参数值,可降低 task 栈溢出风险。Task 如果 API 调用比较深,则使用的栈空间越大,也就意味着最小剩余 task 栈空间越小。

  • 内部启动进程(dos)

    内部启动进程  Process p = new Process();            p.StartInfo.FileName = "cmd ";            p.StartInfo.Arguments = "/C  ping 127.0.0.1  ";            p.StartInfo.UseShellExecute = false;         

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

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

  • 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 的基本语法及

  • Chrome插件my task list

    这是Chrome插件,my task list的源文件,文件构成如下:manifest.json popup.html 其他的为iconpopup.html的源文件如下: Task List *{margin:0;padding:0;} body{min-width:200px;color:#333;overflow: hidden;margin: 0px;padding:1

Global site tag (gtag.js) - Google Analytics