首页»WEB综合»18款在线代码片段测试工具

黑龙江时时彩投注: 18款在线代码片段测试工具

来源:csdn 发布时间:2013-09-23 阅读次数:

黑龙江时时彩玩法 www.hfebe.com.cn   本文作者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

QQ群:WEB开发者官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈开发者中心(fsder-com)
网友评论(共0条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心
  • 胡杏儿晒儿子软萌照 睡眼惺忪眼神迷人可爱十足 2018-12-18
  • 坚守65天 穿梭长江源头——青海移动助力班德湖斑头雁孵化直播 2018-12-18
  • 【学习时刻】中央党校张志明:开辟中华民族伟大复兴的通衢大道 2018-12-17
  • 制造业如何在坚守中求变 2018-12-17
  • 2018年6月13日国台办新闻发布会 2018-12-16
  • 李贻伟当选惠州市人大常委会主任 刘吉当选市长 2018-12-16
  • 从榜单看黑茶“热” 首批中国黑茶类制茶大师公布 2018-12-16
  • 涂颜淼:转变思维 做新时代的消防战士 2018-12-15
  • 泼皮无赖风水神,尔有脸能告诉大家这个————“腐败分子是天上掉下来的吗?”————跟帖是哪一个主帖下边的跟帖? 2018-12-15
  • 毒贩冲卡疯狂逃窜  民警鸣枪示警一网打尽 2018-12-15
  • 女白领不是将自己嘴里吃剩的饭连口水一起打包的,而是将桌上的,人们没吃的留给了贫寒者,这有什么错? 2018-12-15
  • 回复@笑傲江湖V:七千二百多吧。 2018-12-14
  • “一带一路”大学双创教育“和声正美” 2018-12-14
  • 回复@艾鸣1:你看强坛除了小寻子这种跟你一样老蚕的人之外,有人会有人敢支持你么? 2018-12-14
  • 创新体制机制为振兴龙江提供人才保障 2018-12-14
  • 550| 307| 585| 797| 20| 122| 703| 257| 846| 413|