1. 

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

2. 

JS Nice 是一個用于JavaScript的反代碼混淆以及反極簡主義的高級代理程序。它可以增加模糊的JavaScript代碼的可讀性并刪除掉代碼中的無用字符。由于其包含了開源項目中的許多先進的機器學習技術，它還能夠為JavaScript項目快速提供標識符名稱和類型的建議。

3. 

JS hint 是一個由社區推動的工具。它可以檢測JavaScript代碼中的錯誤，提示你代碼中有哪些潛在的問題并且還能夠讓你與團隊的編碼習慣保持一致。另外值得一提的是，它還可以很容易地適應特定的編碼規則或環境。

4. 

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

5. 

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

6. 

Liveweave是JavaScript、HTML5 和CSS3愛好者的游樂場，支持網頁設計師的實時編輯。在這里，進行測試和練習的面板是可以自由調節的。此外，它還有一個用于CSS3和HTML5標簽的關聯代碼提示。

7. 

JS Lint是一個靜態的代碼分析工具，它能夠檢測源代碼是否符合代碼規則。這個在線工具是由Web開發領域最知名的技術權威之一Douglas Crockford開發的。

8. 

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

9. 

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

10. 

JS.do是一款可在線編輯JavaScript代碼的工具。它提供了一個發布代碼并檢查運行是否正常的視窗。

11. 

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

12. 

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

本文翻譯自， 翻譯者：回憶和感動，轉載請注明文章轉載自：慧都控件網