Question

前端常用的几种在线代码编辑器各有什么优势

Answer 1

jsfiddle

Create a new fiddle
最经典的的编辑器了，主要写页面，没有集成console不太方面调JS
jsbin
JS Bin
跟jsfiddle差不多，有自带console挺适合调JS的，我最近几篇专栏文章的代码都是放在jsbin里的，可以方便的到处到gist很不错。但是存snapshot有点不清楚（反正我是还没弄清楚）。Node快闪 御用。
plunker
https://plnkr.co/
这个好像国内用的人不多，难道是被墙了？这是我见过的最贴近真实开发环境的ide，所有html js css文件一览无遗，不像jsfiddle一样隐藏html和body元素。要是有console就更好了。Angular1文档御用。
repl.it
Online REPL, Compiler & IDE
这个大家可能见的不多，多语言环境，JS的是纯console环境，布局很干净，调JS挺好的。
codepen
CodePen
这个跟jsbin差不多，好像上面的代码大多数是CSS相关的。http://css-tricks.com御用。
hackerrank
HackerRank
这个严格说是个比赛／面试环境，实时性不错，其它跟jsfiddle大同小异。我司电面御用。
runkit
RunKit is Node prototyping
这个是node编程用的，在线require( )各种包，看上去挺屌的，我还没怎么玩过。npm御用。

Answer 2

JS Bin - Collaborative JavaScript Debugging
介绍一款在线编辑器：jsbin jsbin的用法
优点：不需要登录，即发即预览
缺点：速度不靠谱
RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码
优点：国内访问速度快，可以上传图片(左下角)
缺点：需要登录，用户名
Create a new fiddle
优点：功能强大，历史记录给力，缺点：访问速度慢