[閒聊] 一些線上分享/預覽網頁代碼用的網站

看板Web_Design作者mmis1000 (秋月戀楓)時間9年前 (2015/10/05 23:23)推噓3(3推 0噓 3→)

留言6則, 4人參與討論串1/1

這文章主要是分享一些可以線上修改/預覽代碼用的網站因為常看到有人用截圖/直接打字上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://www.ptt.cc/bbs/Web_Design/M.1444058634.A.72E.html