咱们或许还记得在曩昔的文章咱们咱们从前介绍咱们搜集的前端开发人员必备的东西，脚本和资源，在今日的这篇文章中，咱们将持续引荐给咱们一组咱们精挑细选的web开发规划必备的在线东西运用。信任会在web开发和规划的进程中给你带来便利和便利！

前端开发相关

jsfiddle

jsfiddle是老牌的在线调试和共享代码的站，它可以协助你在线调试javascript/css/html代码，而且便利的发布到社区，论坛或许交际媒体上与朋友们共享或许发问。整合了许多的不同的类库供咱们挑选。相似的东西还有jsbin，也十分不错。更多东西请参阅咱们曾经的文章。

codepen

codepen也是一个可以协助你在线调试和共享前端代码的当地软文发布站"，和jsfiddle不太相同的当地，它更像一个社区，你可以看到最近的用户增加的在线演示或许代码，而且可以愈加便利的共享到其它站或许是fork。和jsfiddle比较，更像一个协助展现前端作用的渠道。假如你常常光临的话，可以找到许多很不错的前端作用，包含html5，品牌口碑营销"js，CSS3等等。适当不错，向咱们引荐！

gbdebug

gbdebug是gb标签社区中整合的前端调试东西，开始是为了便利社区的朋友发问或许展现jQuery代码作用而开发，假如你运用jsfiddle的话，肯定会觉得十分了解。最强壮的在于和GB社区内容的整合，你可以共享自己开发的前端展现，模板或许教程，而且运用gbdebug来增加”在线调试“，更便利咱们在线阅览和调试。

reFiddle+

假如你是个正则表单式的疯狂爱好者的话，这款在线东西肯定是你必备的东西之一，reFiddle+可以协助你在线的调试正则表单式，你只需求输入数据和对应的正则表达式后，就可以看到高亮显现的成果，是不是十分直观和简略，信任你肯定会喜爱！

RubyFiddle

假如你的开发言语是Ruby的话，你或许现已知道了这个在线东西RubyFiddle，运用这个在线东西可以协助你在线的调试Ruby代码，有点儿相似jsfiddle和codepen，只不过是Ruby版别的代码罢了。你只需求张贴ruby代码而且点击”RUN”按钮即可，乃至支撑Vim或许Emacs的输入方法哦！

CSS3generator

这个CSS3的代码生成器和一般的CSS3代码生成东西不太相同，它运用了视差翻滚的方法来展现内容，而且供给了自定义的选项，百度知道发布东西"可以动态的生成你需求的CSS3代码。超酷超有型！

HTML5Please

这个站在之前的相关文章中也介绍过，假如你需求了解怎么正确的运用HTML5相关技术的话，最好细心的看看这个东西站吧，适当的有用！

前端功能优化东西

DOMMonster

当咱们开发web运用的时分，功能是一个永久不能逃避的问题。其实关于DOM的功能调试也是一个不行或缺的进程。运用DOMmonster你只需求增加到你的”书签中“，在任何需求调试的页面点击这个书签，它就可以协助你列呈现在页面呈现的功能问题。是不是很便利！

zBugs

zbugs看上去像是一个bug相关东西，其实它是一个快速协助你紧缩CSS/Javascript的在线东西，你只需求供给一个你的站的链接，下载相关的文件，再上传到你的站即可！

其它类型东西

BuiltWip

buildwip是一个协助里了解站运用技术的在线东西，你只需输入你要检测的站地址，它会给你生成此站运用的前后台技术和相关链接，信任假如你是一个黑客的话，这个东西必不行少：D

转载请注明转自《web开发规划人员不行不必的在线web东西站和运用》

文章来自:蜓云SEOtingclouds