我作为一名爱折腾的人，经常遇到这样的麻烦：想快速玩一段HTML/CSS/JS代码，却不得不新建文件、保存、刷新浏览器。所以我自己写了一个纯HTML的工具——CodeLens，一个基于浏览器的实时Web代码编辑器，完美解决了这些问题！
CodeLens是开源的，项目地址：GitHub
什么是CodeLens？
CodeLens是一个轻量级的Web代码沙盒环境：
- 实时预览：代码修改立即生效，无需手动刷新
- 三合一编辑：同时支持HTML、CSS、JavaScript编辑
- 控制台输出：内置控制台显示console日志和错误
- 响应式布局：可自由调整各个面板大小
- 主题切换：支持亮色/暗色模式
- 一键导出：快速下载完整HTML文件
核心功能体验
真正的实时编辑
灵活的面板布局
CodeLens采用可拖拽分割面板设计：
- 垂直分割：左侧代码编辑器，右侧预览+控制台
- 水平分割：可调整代码区和预览区的高度比例
- 响应式适配：在移动设备上也能良好工作
这种布局能根据当前任务灵活调整工作区，比如调试时可以放大控制台，设计时则可以专注预览区域。
开始使用
在线体验
你可以直接访问我的演示站点：
