文章專區
網頁設計相關文章
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

Update:儲存更新版本,每儲存一次,網址上會多一個版本序號。如下圖:

Fork:另存新檔,會另開一個新網址。
Set as base:如果版本存到第二版以後,會將這一版設定為初版的範本。
若要在網頁中嵌入的話,只要點開Embed,將EMBED CODE中的碼複製貼到網頁中就好囉。
.jpg)
若是想用iframe也可選擇,只要按上方的prefer iframe就會產生iframe碼。

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