網(wǎng)頁前端開發(fā)人員必用在線web工具和應(yīng)用

今天的這篇文章中，我們將繼續(xù)推薦給大家一組我們精挑細(xì)選的web開發(fā)設(shè)計(jì)必備的在線工具應(yīng)用。相信會在web開發(fā)和設(shè)計(jì)的過程中給你帶來方便和快捷！

前端開發(fā)相關(guān)

jsfiddle

jsfiddle是老牌的在線調(diào)試和分享代碼的網(wǎng)站，它可以幫助你在線調(diào)試javascript/css/html代碼， 并且方便的發(fā)布到社區(qū)，論壇或者社交媒體上與朋友們分享或者提問。整合了很多的不同的類庫供大家選擇。 類似的工具還有jsbin.com，也非常不錯。更多工具請參考我們以前的文章。

codepen

codepen也是一個(gè)可以幫助你在線調(diào)試和分享前端代碼的地方，和jsfiddle不太一樣的地方，它更像一個(gè)社區(qū)，你可以看到最近的用戶添加的在線演示或者代碼，并且可以更加方便的分享到其它網(wǎng)站或者是fork。和jsfiddle相比，更像一個(gè)幫助展示前端效果的平臺。如果你常常光顧的話，能夠找到很多很不錯的前端效果，包括html5，js，CSS3等等。相當(dāng)不錯，向大家推薦！

gbdebug

gbdebug是gb標(biāo)簽社區(qū)中整合的前端調(diào)試工具，最初是為了方便社區(qū)的朋友提問或者展示jQuery代碼效果而開發(fā)，如果你使用jsfiddle的話，肯定會覺得非常熟悉。最強(qiáng)大的在于和GB社區(qū)內(nèi)容的整合，你可以分享自己開發(fā)的前端展示，模板或者教程，并且使用gbdebug來添加”在線調(diào)試“，更方便大家在線閱讀和調(diào)試。

reFiddle+

如果你是個(gè)正則表單式的狂熱愛好者的話，這款在線工具肯定是你必備的工具之一，reFiddle+可以幫助你在線的調(diào)試正則表單式，你只需要輸入數(shù)據(jù)和對應(yīng)的正則表達(dá)式后，就可以看到高亮顯示的結(jié)果，是不是非常直觀和簡單，相信你肯定會喜歡！

RubyFiddle

如果你的開發(fā)語言是Ruby的話，你可能已經(jīng)知道了這個(gè)在線工具 RubyFiddle，使用這個(gè)在線工具可以幫助你在線的調(diào)試Ruby代碼，有點(diǎn)兒類似jsfiddle和codepen，只不過是Ruby版本的代碼而已。 你只需要粘貼ruby代碼并且點(diǎn)擊”RUN”按鈕即可，甚至支持Vim或者Emacs的輸入方式哦！

CSS3 generator