jsFiddle－－線上檢測網頁原始碼的實用工具

jsFiddle是相當實用且受歡迎的線上編輯器，能夠線上測試、檢查所撰寫的code，也可以分享自己寫的code範例，給其他人觀看、修改、學習等等，以達到交流的效果。

jsFiddle：https://jsfiddle.net/

欄位有html、CSS、javascript、result四欄。

javascript欄位可以自由選擇版本，如jQuery、YUI、ExtJS等等。

一開始左上角有Run、Save、Tidy、Collaborate四個選項

Run：執行代碼並顯示在result

Save：儲存

Tidy：將代碼排版弄整齊

Collaborate：可以將自己所寫的代碼拿給其他人討論，限登入使用

註冊步驟簡單，只要有帳密和電子信箱即可。

按Save儲存後，左上角的選項會多出Update、Fork、Set as base

Fork：另存新檔，會另開一個新網址。

Set as base：如果版本存到第二版以後，會將這一版設定為初版的範本。

若要在網頁中嵌入的話，只要點開Embed，將EMBED CODE中的碼複製貼到網頁中就好囉。

 

若是想用iframe也可選擇，只要按上方的prefer iframe就會產生iframe碼。

 

 

範例：在jsFiddle製作下拉式選單

 https://jsfiddle.net/bok770/f07pgr91/