如何在瀏覽器中測試JavaScript程式碼？

1、JSBin

JSBin是JSFiddle的簡潔純淨版的替代產品。如果你想使用一個更易於理解、且介面更加簡潔的工具，那麼JSBin會比JSFiddle更適合你。由於該平臺提供免費和專業訪問許可權，因此只要你成為專業（pro）使用者，就能夠享受其針對私人垃圾箱、以及無限制的dropbox同步等功能。當然，你也可以使用JSBin的通用訪問許可權，去輕鬆地測試HTML、CSS和JavaScript的任何組合。

 

2、CodePen

CodePen是一種能夠測試HTML、CSS和JavaScript程式碼的線上工具。其開發者社群擁有豐富的資源。目前，它作為一個開源學習環境，不但擁有高達330000名已註冊的開發者使用者，而且正致力於開發滿足各類應用需求的前端應用程式。可以說，它是構建和部署網站，並向全網推廣你的產品，以及構建測試用例的平臺之一。tagslist/%E5%9B%BD%E9%99%85%E7%8E%B0%E8%B4%A7%E9%BB%84%E9%87%91/

 

3、Liveweave

作為另一種可用於測試 JavaScript程式碼的線上工具，Liveweave具有實時的預覽功能，並配備了參考標準來幫助你進行響應式設計。它的HTML、CSS和JavaScript程式碼提示功能，會使得初學者可以輕鬆地輸入基本程式碼。此外，你也可以使用Liveweave將被測專案下載成為一個.zip檔案，以便在程式碼中輕鬆地新增和使用包括jQuery、AngularJS、以及Bootstrap在內的外部庫。

 

4、JSFiddle

無論你是使用 JavaScript，還是使用React或Vue等框架，JSFiddle都是一款可以在瀏覽器中編寫和測試JavaScript程式碼的線上工具。2009年，它是以“Mooshell”的形式被推出的。如果你正在開發Web應用程式，並用到了某種型別的JavaScript庫，那麼JSFiddle便是一款比較合適的測試工具。它的介面非常簡單，你只需要輸入一些JavaScript指令碼，甚至新增一些HTML和CSS，即可立即檢視到結果。因此，你可以在將JavaScript程式碼片段新增到自己的專案之前，使用JSFiddle進行全面測試。