JsBuilder - 网页端编程辅助输入工具

功能简介

JsBuilder 是一个专为编程场景设计的网页端快捷输入工具，能够在任何网页（当前是百度，想在什么网页上用自己改match）上快速输入编程常用符号和代码片段，极大提升手机等移动设备上的编程输入效率。

核心功能

🚀 快捷符号输入

• 括号类: () [] {} 等成对符号一键输入
• 引号类: '' "" `` 智能成对插入
• 运算符: = + - * / % 等常用运算符
• 逻辑符号: && || ! ^ 等逻辑操作符
• 标点符号: . , ; : ? 等编程常用标点

✨ 智能插入模式

1. 成对符号插入 (code-type="ab")

• 自动在选中文本前后添加成对符号
• 插入后光标自动定位在符号中间
• 支持：(), '', "", [], {}, ``

2. 单符号插入 (code-type="i")

• 在光标位置直接插入单个符号
• 支持：$, ), ], }, ?, >, <, =, +, -, *, %, !, ||, &&, ^, ., ;, /, ,, :

📋 文本操作

• 一键复制: 将编辑区所有内容复制到剪贴板
• 现代API优先: 自动使用 Clipboard API，降级兼容传统方法
• 全选支持: 支持文本选择和光标定位

🎯 界面特性

• 浮动面板: 不干扰原网页内容
• 一键切换: 点击底部按钮快速显示/隐藏编辑面板
• 响应式设计: 适配不同屏幕尺寸
• 全屏编辑: 提供充足的编辑空间

使用方法

基本操作

1. 打开面板: 点击页面底部圆形切换按钮显示编辑面板
2. 输入文本: 在文本区域输入或编辑代码
3. 快捷插入: 点击下方符号按钮快速插入编程符号
4. 复制内容: 点击"复制全部"按钮将内容复制到剪贴板
5. 隐藏面板: 再次点击底部按钮隐藏编辑面板

高级技巧

• 选中文本: 先选中部分文本，再点击成对符号按钮，会在选中内容前后自动添加符号
• 光标定位: 成对符号插入后，光标自动定位在符号中间，方便继续输入
• 符号组合: 可以连续使用多个符号按钮构建复杂表达式

适用场景

• 📱 手机端临时调试代码
• 💻 快速回复技术问题
• 🚀 分享代码片段
• 📝 记录临时想法
• 🔧 快速构建测试用例

技术特点

• 纯前端实现，无需后端支持
• 使用现代 Web API，性能优秀
• 兼容主流现代浏览器
• 不收集任何用户数据

这个工具特别适合需要在移动设备上快速输入代码符号的开发者使用，能够显著提升编程相关的输入效率。有问题欢迎反馈。