如何优雅的使用浏览器环境执行javascript？

Question

当我想使用浏览器环境执行js代码的时候，我只能在IDE中写好了js代码，然后放到浏览器控制台的REPL，感觉有点不方便，请问有没有什么更好的方式？（当然我知道开发者工具非常强大好用）

Answer 1

jsfiddle 挺好用的

https://jsfiddle.net/

Answer 2

有兴趣的话，可以参考我这篇打造一款js测验小工具，里面有讲到接受用户输入作为code，执行她，并反馈结果的实现思路。

当然，这其实都是很简单的技巧，只是日常开发中不常见罢了

Answer 3

直接使用在线编辑器？jsrun？

Answer 4

火狐浏览器开发者版有个草稿纸功能，可以先编辑，完了点运行就可以了，不过之前的版本对语法提示、自动填充等功能的支持不是很好，用起来就像个文本编辑器，有一阵子没用了，不知道现在有进步没有。
在 chrome 控制台其实也可以写多行代码的，除了 shift + Enter 换行之外，还可以用 (() => { 开头，然后写代码，完事了用 })() 结束，并回车，代码就会执行了。
时至如今，各种在线编辑器用起来已经十分方便了，比如 codepen.io， 可以支持热更新。

Answer 5

非得要用浏览器测试么？IDE 配合 node 来运行可以的话不是更好？

你非要用到 BOM DOM 的话， chrome 有 Snippets 功能，写起代码来也还行，如果只是测试一小片段代码的话。