JSRUN在线代码编辑器平台(网址https://jsrun.net/new)是面向开发者的在线编程工具,核心是支持多语言代码的在线编辑、运行、调试与资源管理,无需本地安装环境即可快速验证代码逻辑。
一、多语言支持
平台覆盖数十种常见编程语言,满足不同开发场景:
前端开发:支持WEB代码(HTML/CSS/JS)、NodeJS;
后端与服务器:支持Java、Python、Go、PHP、C、C++、Rust等;
数据库:支持MySQL、SQLite;
其他语言:包括Kotlin、Ruby、Swift、Bash、Scala等。
二、编辑器核心功能
1. 分栏编辑模式
提供HTML、CSS、JS三个独立编辑区域,方便同时编写页面结构、样式和交互逻辑,实时联动查看效果。
2. 便捷操作按钮
顶部集成多个实用功能:
「运行」:一键执行代码,快速查看结果;
「保存」:将代码存储为私有/公开项目;
「草稿」:临时保存未完成代码,避免丢失;
「历史」:查看代码修改记录,回溯版本;
「Fork」:复制他人公开项目,二次开发;
「格式刷」:自动格式化代码,提升可读性;
「嵌入」:生成iframe链接,分享代码到其他平台;
「下载代码」:将项目导出为本地文件;
「多屏预览」:登录后在手机/平板实时查看效果;
「设置」:调整编辑器配置(如外观、语言模式)。
三、资源引用与管理
1. 内置常用资源库
可快速添加jquery、vue、bootstrap、echarts、react等热门前端库,无需手动下载引入。
2. 自定义资源上传
支持上传自有JS/CSS文件,存储在CDN网络以提升加载速度;上传后可通过“搜索”快速引用,方便后续项目使用。
四、个性化设置
1. 外观主题
提供“白色”“黑色”两种默认主题,支持自定义外观(参考帮助文档调整),满足不同视觉习惯。
2. 语言与格式切换
HTML:可切换为Haml、Pug等模板语言;
JS:支持CoffeeScript、TypeScript、Babel+JSX等语法;
Doctype:选择HTML5、XHTML 1.0等文档类型;
Load type:设置代码执行时机(如onLoad、onDomReady)。
3. 辅助功能
开启“自动运行”(修改后自动执行)、“自动清空Console”(每次运行清日志)、“死循环保护”(防止崩溃)、“极客黑”(深色主题)、“旧版编辑器”(切换经典界面)等功能。
五、调试与辅助工具
1. Console控制台
实时显示运行日志(打印内容、错误提示),支持“清空”操作,快速定位代码问题。
2. 多屏预览
登录后通过二维码/网址,在手机、平板实时预览效果,验证响应式布局。
六、存储与扩容
1. 基础存储
提供免费CDN空间存储自定义资源;
2. 扩容与VIP
付费扩容:10元购10MB永久空间;
VIP权益:99元升级得100MB空间及专属功能,适合大量资源存储需求。
