這文章主要是分享一些可以線上修改/預覽代碼用的網站 因為常看到有人用截圖/直接打字上ptt來問問題 這實在很傷眼睛，對回答的人也不方便 問的人也不容易得到解答 因此來分享一些可以線上編輯/預覽結果的網站 跑 html css js 預覽用的網站 http://codepen.io/ 支援的預處理器 HTML: Haml, Markdown, Slim, Jade CSS: Less, Scss, Sass, Stylus, PostCSS JS: CoffeeScript, LiveScript, TypeScript, Babel 線上網頁預覽編輯 http://jsbin.com/ 支援的預處理器 HTML: Markdown, Jade CSS: Less, Myth, Scss, Sass, Stylus JS: CoffeeScript, LiveScript, TypeScript, Babel, JSX(React), Traceur, Processing, ClojureScript 線上網頁預覽編輯 http://jsfiddle.net/ 支援的預處理器 CSS: SCSS JS: CoffeeScript 線上網頁預覽編輯 http://plnkr.co/ 可以自己增添檔案的測試場，用來測試前端模板時很好用 跑code片段，也就是伺服器端語言(各種語言都可以，c, java, php ...etc)的網站 https://ideone.com/ 支援語言很多，但是無法新增檔案，無法測試需要多個檔案的code http://code.runnable.com/ 支援的語言較少，但是可以自己新增檔案，甚至也能直接跑vs專案 因此可以測試檔案處裡等的代碼片段 完整的線上開發系統 http://c9.io/ 強大的線上開發系統， 完整的開發環境 可以自己增添軟體， 而且也已經預裝好很多常用開發工具了(git grunt node(nvm) ruby python...) 跑任何語言。 每一個專案都是獨立的容器， 有獨立的子domain 可以直接clone github專案， 或是直接從空的容器開始都可以， 要sudo也可以， 類似於一個獨立的vps 放個人網站用的免費架站服務(Paas) https://www.openshift.com/ 使用git來上傳管理版本 由redhat提供的服務 免費帳號提供至多3個程式運行 如果太久沒人打開網頁，程式會被自動休眠 https://www.heroku.com/ 沒用過，無法評論 放置靜態網站的服務 https://pages.github.com/ 由github提供的網頁服務 上傳檔案當然也是用git進行版本控管 最後 發問時附上設置好的程式碼，會讓其他人回答意願大增歐 然後絕對絕對絕對絕對不會有人回答用截圖發的問題的!!!!! 沒有人會想要debug前還要手打你輸入的code的啊 Orz 有沒提到的好用網站的話，也歡迎提出歐！ --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.143.1 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1444058634.A.72E.html ※ 編輯: mmis1000 (1.174.143.1), 10/06/2015 00:06:53