1. 

JS bin是一個(gè)為JavaScript和CSS愛好者們提供特定情況下的代碼片段測(cè)試的網(wǎng)站。它可以讓你和你的同伴合作調(diào)試代碼。你可以在這里編輯和測(cè)試JavaScript和HTML代碼，一旦你覺得滿意，可以把相關(guān)的網(wǎng)址發(fā)送給你的同伴，以獲取他們的看法和幫助。

2. 

JS Nice 是一個(gè)用于JavaScript的反代碼混淆以及反極簡(jiǎn)主義的高級(jí)代理程序。它可以增加模糊的JavaScript代碼的可讀性并刪除掉代碼中的無用字符。由于其包含了開源項(xiàng)目中的許多先進(jìn)的機(jī)器學(xué)習(xí)技術(shù)，它還能夠?yàn)镴avaScript項(xiàng)目快速提供標(biāo)識(shí)符名稱和類型的建議。

3. 

JS hint 是一個(gè)由社區(qū)推動(dòng)的工具。它可以檢測(cè)JavaScript代碼中的錯(cuò)誤，提示你代碼中有哪些潛在的問題并且還能夠讓你與團(tuán)隊(duì)的編碼習(xí)慣保持一致。另外值得一提的是，它還可以很容易地適應(yīng)特定的編碼規(guī)則或環(huán)境。

4. 

JS Fiddle作為可創(chuàng)建自定義環(huán)境的外殼程序，可方便用戶在流行的JavaScript框架下更容易的編寫代碼。它的框架和版本可進(jìn)行自由選擇，也支持添加新的免費(fèi)框架。此外，它可以為創(chuàng)建的代碼生成唯一的URL地址。

5. 

Codepen是一個(gè)用于前端開發(fā)的網(wǎng)站。它是激發(fā)靈感和接受教育的好地方，并且支持工作的分享。它最突出的地方是大眾化的演示，如同是使用者自己在用筆觸編寫一樣。

6. 

Liveweave是JavaScript、HTML5 和CSS3愛好者的游樂場(chǎng)，支持網(wǎng)頁(yè)設(shè)計(jì)師的實(shí)時(shí)編輯。在這里，進(jìn)行測(cè)試和練習(xí)的面板是可以自由調(diào)節(jié)的。此外，它還有一個(gè)用于CSS3和HTML5標(biāo)簽的關(guān)聯(lián)代碼提示。

7. 

JS Lint是一個(gè)靜態(tài)的代碼分析工具，它能夠檢測(cè)源代碼是否符合代碼規(guī)則。這個(gè)在線工具是由Web開發(fā)領(lǐng)域最知名的技術(shù)權(quán)威之一Douglas Crockford開發(fā)的。

8. 

Kodtest在功能和特性上與JS fiddle、Liveweave一樣。唯一的區(qū)別在界面，它擁有令人印象深刻的圖形用戶界面。

9. 

JS beautifier 是可以進(jìn)行重新格式化和重新縮進(jìn)排版的書簽小工具。它對(duì)JavaScript的解包和反混淆工作是由www.javascriptobfuscator.com來完成。這個(gè)工具可用于web瀏覽器或者命令行。

10. 

JS.do是一款可在線編輯JavaScript代碼的工具。它提供了一個(gè)發(fā)布代碼并檢查運(yùn)行是否正常的視窗。

11. 

Scripted 是一款全新的、輕量級(jí)的、基于瀏覽器的JavaScript代碼編輯器，由VMware基于Eclipse Orion的編輯器組件開發(fā)。它工作于本地，并且由Node.js Web服務(wù)器提供內(nèi)容服務(wù)。

12. 

Ideone是一款可以幫助你完成在線編譯和調(diào)試JavaScript代碼工作的工具。它可以編譯超過60種編程語(yǔ)言的源代碼。你只需要選擇程序語(yǔ)言，然后輸入包含變量數(shù)據(jù)的源代碼就能完成編譯的準(zhǔn)備工作了。

本文翻譯自， 翻譯者：回憶和感動(dòng)，轉(zhuǎn)載請(qǐng)注明文章轉(zhuǎn)載自：慧都控件網(wǎng)