运行 JavaScript 代码片段的 20 种工具

JS Bin 是一个开源的用于 debug web 应用的工具，工具面板具有 Console，可以用于执行 JS 代码

8、使用 JS Fiddle

JS Fiddle 是一个前端同学经常写 demo 例子的好地方，这里可以以 CDN 的方式使用一些第三方类库，很方便搭建页面demo。

因为 JS Fiddle 工具本身并没有提供 console 面板，所以可以配合浏览器开发者工具来打印输出 JS 代码结果

9、使用 CodePen

CodePen 是一个非常棒的在线代码编辑器，几乎可以编写所有的前端Web应用。在这里使用它来执行一段 JS 代码真的是大才小用了。

10、使用 MDN 的 “JavaScript Demo”

经常查阅 MDN 的小伙伴一定能记得，在一些 JavaScript 文档中会有一个 JavaScript Demo小工具，比如说 JavaScript 标准内置对象 Function，在这里可以执行一些 JS 代码

11、使用 PLAYCODE

PLAYCODE 提供了在线快速运行 Web 程序的环境

12、使用 Flems

Flems 提供了一个 Web 开发环境，可以分享一些前端小demo

13、使用 JSitor

JSitor 是一个不错的在线执行 JS 代码工具，我比较喜欢它的代码截图功能，能生存很漂亮的代码截图图片，不过目前功能还不是特别完善，比如代码的高亮暂时是个问题。

14、使用 Code Sandbox

Code Sandbox 是一个在线的可以创建Web应用，特点是可以使用一些类库模版，比如 React/Vue/Angular 是创作原型的好地方，我经常使用它来编写一些 Vue 小 Demo

15、使用 Web Maker

Web Maker 是一个可以快速在浏览器创建离线Web应用，Web Maker 还提供了 Chrome 插件，可以离线使用

16、使用 LeetCode Playground

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!