JSbin

JS Bin 是一个面向前端开发者的在线代码沙盒与协作调试工具，支持 HTML/CSS/JavaScript 及 SCSS、CoffeeScript、Jade、TypeScript、JSX 等十余种处理器，提供实时输出预览、代码广播（Code Casting）、Gist 导入/导出、控制台及可嵌入输出等功能。

核心功能与编辑器特性

JS Bin 的编辑器基于 CodeMirror 4.4.0，支持多光标、Emmet 展开、Tern 代码补全、行内 JSHint/CSSLint/HTMLLint 提示，以及 Vim、Emacs、Sublime 键位绑定。每个面板（HTML/CSS/JS/Console/Output）可通过 ctrl+[1-5] 独立开关，输出面板支持实时重载。代码变更自动保存并生成可发音的 URL（如 jsbin.com/abc），同时触发所有观看者的实时刷新。

• 处理器覆盖：HTML 支持 Markdown、Jade；CSS 支持 Less、Myth、Stylus、Sass/SCSS（含 Compass、Bourbon）；JS 支持 Babel、CoffeeScript、React JSX、Traceur、TypeScript、LiveScript、ClojureScript、Processing
• 控制台：独立的 Console 面板，支持上下键历史、ctrl+l 清屏、ctrl+enter 运行 JS
• 导出/导入：支持导出为 GitHub Gist（可关联账户或匿名），也可从 Gist 导入
• 嵌入：通过 <script src="//static.jsbin.com/js/embed.js"> 生成实时可交互的 embed 版本
• 快捷键：ctrl+shift+L 美化代码，ctrl+shift+del 删除当前 bin，ctrl+y 归档/取消归档，ctrl+shift+/ 隐藏导航栏

协作与分享机制

每个 bin 拥有独立 URL，可通过 /edit、/watch、/embed、/latest 等后缀切换视图。注册用户可获得 /[username]/last 快捷链接，自动指向最后编辑的 bin。分享时可通过 Share 面板配置输出是否带工具栏、是否启用实时重载。Pro 用户可设置私有 bin 和自定义域名（Vanity URLs）。

• URL 片段：/quiet 移除统计与编辑按钮，.js 或 .css 后缀只加载对应文件
• 克隆与模板：可 Clone 他人 bin 作为新起点，也可将当前 bin 保存为模板
• Bin 信息卡：显示所有者、是否正在广播、版本历史
• oEmbed 支持：允许第三方站点嵌入 JS Bin 输出
• 存档/删除：支持归档（隐藏但保留）和永久删除

Pro 付费功能与开源背景

JS Bin 是一个 MIT 开源项目，通过 OpenCollective 接受捐赠。Pro 订阅提供私有 bin、自定义 URL、SSL 嵌入、自定义 CSS 及编辑器设置、沙盒模式（不保存 bin）等。创始人 Dave 在 Pro 用户页面显示“Dave loves you because you're a Pro.”。

• Pro 专属：Private bins、Vanity URLs、SSL embeds、自定义 embed CSS、沙盒模式
• 开源：代码托管于 GitHub，接受社区贡献，长期维护（已运行超过十年）
• 捐赠：支持通过 OpenCollective 捐款，页面底部有“ Love JS Bin? Support this open source project today”

常见问题

Q1：JS Bin 的 URL 后缀 /latest 和 /[username]/last 有什么区别？

A1：/latest 用于加载某个 bin 的最新修订版（替换版本号），例如 jsbin.com/abc/latest；/[username]/last 则跳转到该用户最后编辑的 bin，例如 jsbin.com/dave/last，后面还可加 /edit 进入编辑模式。

Q2：如何在 JS Bin 中导入或导出 GitHub Gist？

A2：通过菜单栏的“Export as gist”可将当前 bin 导出为 Gist，未关联 GitHub 账户时以匿名用户创建；关联后归入个人账户。导入 Gist 同样在菜单中操作，无需手动粘贴代码。

Q3：JS Bin 支持哪些 CSS 预处理器？

A3：支持 Less、Myth、Stylus、Sass（含 Compass）、SCSS（含 Compass 和 Bourbon），以及将 CSS 转换为 CSS 的处理器选项。

更多同类工具与网站,可在在线编程分类继续挑选。

信息核实于 2026年7月,具体以官网为准。