这文章主要是分享一些可以线上修改/预览代码用的网站 因为常看到有人用截图/直接打字上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/cn.aspx?n=bbs/Web_Design/M.1444058634.A.72E.html ※ 编辑: mmis1000 (1.174.143.1), 10/06/2015 00:06:53