好物推薦-jsFiddle - Online Editor for the Web

昨天在ptt爬ajax版的時候，發現有人貼了個很有趣的東西，web版本的線上程式碼編輯器，網址為 http://jsfiddle.net/ ，支援了許多的語法，包括HTML, CSS, JavaScript 這些東西~

不過一定會有人說，那我幹嘛要用web版本的編輯器，單機一大堆IDE可以用，而且反應還比較快功能比較多，我一開始也是這樣想，但是這個東西最實用的地方在於它可以"分享"&"討論"你的code，當需要跟別人討論code但是對方又不再旁邊的時候，這東西就很好用了！而且裡面也內建了一些範例讓你可以減少許多時間，直接修改就能用很多功能



[gallery link="file"]










工具列的部分：
1. Run：執行你所輸入的 HTML, CSS, JavaScript 並顯示在右下角的 Result 視窗裡。

2. Update：儲存更新版本 ( 快速鍵為 Ctrl+S )，更新後會在網址後加上版本編號 (本文稍早有提過)

3. Fork：另存新檔的意思，點擊後會得到一個全新的網址，而非在網址後加上版本編號

4. Reset：將 HTML, CSS, JavaScript 這三個欄位的內容清空

5. TidyUp：幫你把 HTML, CSS, JavaScript 這三個欄位的內容進行排版

6. JSLint：幫你驗證 JavaScript 的語法是否符合標準。
( 請參考 The JavaScript Code Quality Tool / JSLint )

7. Discuss：線上討論這份 HTML, CSS, JavaScript 原始碼的相關議題，不過需要登入才能使用。