为每个工具增加开发者文档

docs/aiagent.md

@@ -0,0 +1,162 @@
+# AI助手工具
+
+## 简介
+AI助手工具是FeHelper提供的一个智能对话工具，基于OpenAI技术，为用户提供智能问答、代码生成、技术咨询等服务。该工具具有友好的界面和丰富的功能，能够帮助用户快速获取技术支持和解决方案。
+
+## 主要功能
+
+### 智能对话
+1. **技术咨询**
+   - 编程问题解答
+   - 代码调试建议
+   - 技术概念解释
+   - 最佳实践指导
+
+2. **代码生成**
+   - 代码示例生成
+   - 算法实现
+   - 功能模块开发
+   - 代码优化建议
+
+3. **问题诊断**
+   - 错误分析
+   - 性能优化
+   - 兼容性问题
+   - 安全漏洞检测
+
+### 交互功能
+1. **对话管理**
+   - 新建对话
+   - 历史记录查看
+   - 对话内容保存
+   - 会话切换
+
+2. **输入方式**
+   - 文本输入
+   - 快捷键支持
+   - 示例问题选择
+   - 代码块输入
+
+3. **显示功能**
+   - 代码高亮
+   - Markdown渲染
+   - 实时响应
+   - 滚动定位
+
+### 历史记录
+1. **记录管理**
+   - 按日期分组
+   - 主题预览
+   - 快速访问
+   - 本地存储
+
+2. **会话恢复**
+   - 历史对话加载
+   - 上下文保持
+   - 状态恢复
+   - 继续对话
+
+## 使用说明
+
+### 基本使用
+1. 开始对话
+   - 在输入框输入问题
+   - 选择示例问题
+   - 按Enter发送
+   - 等待AI响应
+
+2. 查看响应
+   - 实时显示回答
+   - 代码高亮显示
+   - 支持Markdown
+   - 自动滚动
+
+3. 管理对话
+   - 新建对话
+   - 查看历史
+   - 切换会话
+   - 保存记录
+
+### 高级功能
+1. **代码处理**
+   - 代码块识别
+   - 语法高亮
+   - 代码复制
+   - 格式优化
+
+2. **多轮对话**
+   - 上下文理解
+   - 连续对话
+   - 问题追问
+   - 答案补充
+
+3. **智能提示**
+   - 示例问题
+   - 相关建议
+   - 错误提示
+   - 使用指导
+
+## 使用技巧
+1. **提高效率**
+   - 使用快捷键
+   - 选择示例问题
+   - 保持对话连贯
+   - 合理组织问题
+
+2. **优化体验**
+   - 清晰描述问题
+   - 提供必要信息
+   - 分步骤提问
+   - 及时反馈
+
+3. **代码相关**
+   - 提供完整上下文
+   - 说明具体需求
+   - 指定编程语言
+   - 描述预期结果
+
+## 注意事项
+1. 使用限制
+   - 合理控制问题长度
+   - 避免过于复杂的问题
+   - 注意响应时间
+   - 保持网络稳定
+
+2. 内容规范
+   - 遵守使用条款
+   - 避免敏感内容
+   - 注意版权问题
+   - 保护隐私信息
+
+3. 技术考虑
+   - 检查代码正确性
+   - 验证解决方案
+   - 注意安全风险
+   - 考虑兼容性
+
+## 常见问题
+1. **Q: 为什么AI回答不准确？**
+   A: 可能是问题描述不够清晰，建议提供更多上下文和具体细节。
+
+2. **Q: 如何处理代码生成问题？**
+   A: 建议明确指定编程语言、框架和具体需求，提供必要的上下文信息。
+
+3. **Q: 如何提高回答质量？**
+   A: 可以尝试分步骤提问，提供更多细节，并在必要时进行追问。
+
+## 更新日志
+- 2024-03-21: 优化对话体验
+- 2024-03-20: 添加代码高亮功能
+- 2024-03-19: 改进历史记录管理
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [代码格式化工具](../code-beautify.md)
+- [正则表达式工具](../regexp.md)
+- [JSON格式化工具](../json-format.md) 

docs/chart-maker.md

@@ -0,0 +1,168 @@
+# 图表生成器工具
+
+## 工具简介
+
+图表生成器是一个专业的数据可视化工具，支持多种图表类型和丰富的自定义选项。该工具可以帮助用户快速创建美观、专业的图表，支持数据导入、样式定制、图表导出等功能，是数据分析和展示的得力助手。
+
+## 主要功能
+
+### 1. 数据输入
+- 手动数据录入
+- Excel/CSV导入
+- 样例数据加载
+- 数据格式转换
+- 数据验证
+
+### 2. 图表类型
+- 柱状图
+- 折线图
+- 饼图
+- 散点图
+- 面积图
+
+### 3. 样式定制
+- 颜色方案
+- 标题设置
+- 轴标签
+- 图例位置
+- 网格线
+
+### 4. 导出功能
+- PNG导出
+- JPG导出
+- 图片复制
+- 数据导出
+- 配置保存
+
+## 使用说明
+
+### 基本使用
+1. 选择数据输入方式
+2. 输入或导入数据
+3. 选择图表类型
+4. 设置图表样式
+5. 导出图表
+
+### 数据输入
+1. **手动录入**：
+   - 选择数据格式
+   - 输入数据内容
+   - 设置数据标签
+   - 验证数据格式
+
+2. **文件导入**：
+   - 选择Excel文件
+   - 选择CSV文件
+   - 设置导入选项
+   - 预览数据
+
+3. **样例数据**：
+   - 加载示例数据
+   - 查看数据格式
+   - 修改数据内容
+   - 应用数据
+
+## 使用技巧
+
+1. **数据准备**：
+   - 规范数据格式
+   - 检查数据完整
+   - 处理特殊值
+   - 验证数据类型
+
+2. **图表设计**：
+   - 选择合适的类型
+   - 设置合适的颜色
+   - 调整图表布局
+   - 优化显示效果
+
+3. **导出优化**：
+   - 选择合适的格式
+   - 调整图片质量
+   - 设置合适大小
+   - 保存配置文件
+
+## 适用场景
+
+1. **数据分析**：
+   - 数据可视化
+   - 趋势分析
+   - 对比分析
+   - 分布展示
+
+2. **报告制作**：
+   - 工作报告
+   - 数据分析
+   - 项目展示
+   - 成果汇报
+
+3. **数据展示**：
+   - 数据大屏
+   - 数据看板
+   - 数据报告
+   - 数据分享
+
+## 注意事项
+
+1. 注意数据格式
+2. 选择合适的图表
+3. 保持图表简洁
+4. 注意导出质量
+
+## 技术实现
+
+- 基于Chart.js
+- 使用Vue.js开发
+- 支持多种格式
+- 提供完整API
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本图表
+- 提供数据导入
+
+### v1.1.0
+- 添加更多图表
+- 优化样式设置
+- 改进用户界面
+
+### v1.2.0
+- 添加导出功能
+- 支持数据验证
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 支持哪些数据格式？**
+   A: 支持手动输入、Excel、CSV等多种数据格式。
+
+2. **Q: 如何选择合适的图表？**
+   A: 根据数据类型和展示需求选择合适的图表类型。
+
+3. **Q: 如何导出高质量图片？**
+   A: 选择合适的导出格式，调整图片质量和大小。
+
+4. **Q: 如何保存图表配置？**
+   A: 可以保存图表配置，方便下次使用。
+
+## 最佳实践
+
+1. **数据准备**：
+   - 规范数据格式
+   - 检查数据完整
+   - 处理特殊值
+   - 验证数据类型
+
+2. **图表设计**：
+   - 选择合适的类型
+   - 设置合适的颜色
+   - 调整图表布局
+   - 优化显示效果
+
+3. **导出优化**：
+   - 选择合适的格式
+   - 调整图片质量
+   - 设置合适大小
+   - 保存配置文件 

docs/code-beautify.md

@@ -0,0 +1,173 @@
+# 代码格式化工具
+
+## 简介
+代码格式化工具是FeHelper提供的一个强大的代码美化工具，支持多种编程语言的代码格式化。该工具可以帮助开发者快速整理和美化代码，提高代码的可读性和维护性。支持JavaScript、CSS、HTML、XML和SQL等多种语言的格式化。
+
+## 主要功能
+
+### 多语言支持
+1. **JavaScript格式化**
+   - 自动缩进
+   - 括号对齐
+   - 空格规范化
+   - 链式方法处理
+   - 保留换行
+
+2. **CSS格式化**
+   - 属性对齐
+   - 选择器格式化
+   - 缩进规范化
+   - 空格处理
+   - 注释保留
+
+3. **HTML格式化**
+   - 标签缩进
+   - 属性对齐
+   - 标签闭合检查
+   - 空格规范化
+   - 注释保留
+
+4. **XML格式化**
+   - 节点缩进
+   - 属性对齐
+   - 标签闭合检查
+   - 空格规范化
+   - 注释保留
+
+5. **SQL格式化**
+   - 关键字大写
+   - 子句对齐
+   - 缩进规范化
+   - 空格处理
+   - 注释保留
+
+### 格式化选项
+1. **缩进设置**
+   - 缩进字符（空格/制表符）
+   - 缩进大小（默认4空格）
+   - 最大缩进级别
+
+2. **换行处理**
+   - 保留换行
+   - 最大保留行数
+   - 链式方法换行
+   - 条件语句换行
+
+3. **空格处理**
+   - 运算符前后空格
+   - 括号内空格
+   - 逗号后空格
+   - 分号后空格
+
+4. **其他选项**
+   - 行长度限制
+   - 注释保留
+   - 字符串转义
+   - 数组格式化
+
+## 使用说明
+
+### 基本使用
+1. 选择代码类型
+   - 点击对应的语言单选按钮
+   - 支持JS、CSS、HTML、XML、SQL
+
+2. 输入代码
+   - 在文本框中粘贴需要格式化的代码
+   - 支持从剪贴板直接粘贴
+   - 支持从文件拖拽
+
+3. 格式化处理
+   - 点击"格式化"按钮
+   - 等待处理完成
+   - 查看格式化结果
+
+4. 复制结果
+   - 点击"复制结果"按钮
+   - 结果自动复制到剪贴板
+   - 可直接粘贴使用
+
+### 示例代码
+1. **JavaScript示例**
+   - 函数定义和调用
+   - 条件语句和循环
+   - 对象和数组
+
+2. **CSS示例**
+   - 选择器和属性
+   - 媒体查询
+   - 动画定义
+
+3. **HTML示例**
+   - 基本标签结构
+   - 表单元素
+   - 列表和表格
+
+4. **XML示例**
+   - 基本节点结构
+   - 属性和值
+   - 命名空间
+
+5. **SQL示例**
+   - 查询语句
+   - 表连接
+   - 条件筛选
+
+## 使用技巧
+1. **快速格式化**
+   - 使用示例代码快速测试
+   - 复制格式化后的代码
+   - 保存常用格式化设置
+
+2. **代码优化**
+   - 检查代码结构
+   - 优化缩进和空格
+   - 提高代码可读性
+
+3. **批量处理**
+   - 支持大段代码格式化
+   - 保持代码风格一致
+   - 提高工作效率
+
+## 注意事项
+1. 代码限制
+   - 建议单次处理不超过10000行
+   - 过大的代码可能影响性能
+   - 注意内存使用
+
+2. 格式保持
+   - 某些特殊格式可能被修改
+   - 注释可能被调整
+   - 注意检查格式化结果
+
+3. 兼容性
+   - 支持主流浏览器
+   - 支持常见代码编辑器
+   - 注意编码问题
+
+## 常见问题
+1. **Q: 为什么格式化后的代码和预期不同？**
+   A: 可能是由于代码中存在特殊字符或格式，建议检查原始代码的格式。
+
+2. **Q: 如何处理大文件？**
+   A: 建议将大文件分段处理，或使用其他专业工具。
+
+3. **Q: 格式化后的代码出现错误怎么办？**
+   A: 检查原始代码的语法是否正确，某些语法错误可能影响格式化结果。
+
+## 更新日志
+- 2024-03-21: 优化格式化性能
+- 2024-03-20: 添加SQL格式化支持
+- 2024-03-19: 改进代码高亮显示
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [代码压缩工具](../code-compress.md)
+- [正则表达式工具](../regexp.md)
+- [编码转换工具](../encoding-converter.md) 

docs/code-compress.md

@@ -0,0 +1,163 @@
+# 代码压缩工具
+
+## 工具简介
+
+代码压缩工具是一个专业的Web开发辅助工具，支持对HTML、JavaScript和CSS代码进行压缩优化。该工具采用业界领先的压缩算法，能够有效减小代码体积，提高网页加载速度，同时保持代码功能不变。特别适合前端开发者在项目发布前进行代码优化。
+
+## 主要功能
+
+### 1. 多语言支持
+- HTML代码压缩
+- JavaScript代码压缩
+- CSS代码压缩
+- 支持一键切换不同语言模式
+
+### 2. HTML压缩特性
+- 移除HTML注释
+- 压缩空白字符
+- 移除可选标签
+- 移除空属性
+- 压缩内联CSS和JavaScript
+- 移除冗余属性
+- 优化DOCTYPE声明
+- 支持HTML5规范
+
+### 3. JavaScript压缩特性
+- 移除注释和空白
+- 压缩变量名
+- 优化代码结构
+- 移除未使用的代码
+- 保持代码功能不变
+- 支持ES6+语法
+
+### 4. CSS压缩特性
+- 移除注释
+- 压缩空白字符
+- 合并相同选择器
+- 优化CSS规则
+- 移除冗余属性
+- 保持CSS功能完整
+
+### 5. 智能压缩
+- 自动检测代码类型
+- 智能错误提示
+- 压缩率实时显示
+- 保持代码可读性
+- 支持大文件处理
+
+## 使用说明
+
+### 基本使用
+1. 选择需要压缩的代码类型（HTML/JS/CSS）
+2. 在输入框中粘贴源代码
+3. 点击"压缩"按钮
+4. 查看压缩结果
+5. 点击"复制结果"使用压缩后的代码
+
+### 代码示例
+- 提供HTML示例代码
+- 提供JavaScript示例代码
+- 提供CSS示例代码
+- 一键加载示例进行测试
+
+## 使用技巧
+
+1. **代码类型切换**：
+   - 切换代码类型时会自动调整编辑器模式
+   - 支持语法高亮显示
+   - 自动识别代码格式
+
+2. **压缩效果**：
+   - 实时显示压缩前后代码大小
+   - 显示压缩率百分比
+   - 显示节省的字节数
+
+3. **错误处理**：
+   - 智能检测代码错误
+   - 提供清晰的错误提示
+   - 保持原始代码不变
+
+4. **复制功能**：
+   - 一键复制压缩结果
+   - 支持直接粘贴使用
+   - 复制成功提示
+
+## 适用场景
+
+1. **网站优化**：
+   - 生产环境代码压缩
+   - 静态资源优化
+   - 提高页面加载速度
+
+2. **开发调试**：
+   - 代码体积分析
+   - 性能优化测试
+   - 代码结构优化
+
+3. **项目发布**：
+   - 发布前代码优化
+   - 资源文件压缩
+   - 部署包优化
+
+## 注意事项
+
+1. 压缩前请确保代码可以正常运行
+2. 建议保留源代码备份
+3. 压缩后的代码可能难以阅读，请妥善保存
+4. 某些特殊注释可能被移除，请注意检查
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用CodeMirror作为代码编辑器
+- 集成UglifyJS3进行JavaScript压缩
+- 使用html-minifier进行HTML压缩
+- 自定义CSS压缩算法
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本代码压缩功能
+- 提供三种语言支持
+
+### v1.1.0
+- 优化压缩算法
+- 添加代码示例功能
+- 改进用户界面
+
+### v1.2.0
+- 添加压缩率显示
+- 优化错误处理
+- 提升压缩效率
+
+## 常见问题
+
+1. **Q: 压缩后的代码无法运行怎么办？**
+   A: 请检查原始代码是否有语法错误，压缩工具会保持代码功能不变，但不会修复代码错误。
+
+2. **Q: 如何保留某些注释？**
+   A: 目前工具会移除所有注释，如果需要保留特定注释，建议在压缩前将重要注释转换为代码。
+
+3. **Q: 压缩后的代码体积没有明显减小？**
+   A: 如果代码已经经过优化或压缩，再次压缩的效果可能不明显。建议检查原始代码是否已经过压缩。
+
+4. **Q: 支持压缩多大的文件？**
+   A: 工具支持处理较大的文件，但建议单次压缩的代码不要超过1MB，以保证最佳性能。
+
+## 最佳实践
+
+1. **压缩前检查**：
+   - 确保代码可以正常运行
+   - 移除调试代码
+   - 备份原始代码
+
+2. **压缩后验证**：
+   - 测试压缩后的代码
+   - 检查功能是否正常
+   - 验证页面显示效果
+
+3. **定期优化**：
+   - 定期检查代码质量
+   - 及时更新压缩工具
+   - 保持代码整洁 

docs/color-picker.md

@@ -0,0 +1,168 @@
+# 网页取色器工具
+
+## 工具简介
+
+网页取色器是一个专业的网页颜色提取工具，可以帮助用户从任意网页中精确获取颜色值。该工具支持多种颜色格式（HEX、RGB、HSL），并提供实时预览功能，是网页设计和开发人员的得力助手。
+
+## 主要功能
+
+### 1. 颜色提取
+- 精确像素取色
+- 实时颜色预览
+- 多格式颜色值
+- 颜色历史记录
+- 复制颜色代码
+
+### 2. 颜色格式
+- HEX颜色值
+- RGB颜色值
+- HSL颜色值
+- 颜色格式转换
+- 大小写切换
+
+### 3. 取色功能
+- 放大镜预览
+- 像素级定位
+- 颜色锁定
+- 实时更新
+- 跨页面取色
+
+### 4. 辅助功能
+- 颜色预览框
+- 颜色值显示
+- 快捷键支持
+- 取色器开关
+- 界面定制
+
+## 使用说明
+
+### 基本使用
+1. 启用取色器
+2. 移动鼠标到目标位置
+3. 点击选择颜色
+4. 复制颜色值
+5. 关闭取色器
+
+### 取色方式
+1. **精确取色**：
+   - 移动鼠标到目标位置
+   - 查看放大镜预览
+   - 点击确认选择
+   - 复制颜色值
+
+2. **锁定取色**：
+   - 启用锁定模式
+   - 移动鼠标预览
+   - 确认后解锁
+   - 继续取色
+
+3. **快速取色**：
+   - 使用快捷键
+   - 快速切换开关
+   - 快速复制值
+   - 快速切换格式
+
+## 使用技巧
+
+1. **精确取色**：
+   - 使用放大镜
+   - 注意像素对齐
+   - 避免抖动
+   - 确认颜色值
+
+2. **颜色管理**：
+   - 记录常用颜色
+   - 使用颜色历史
+   - 整理颜色方案
+   - 导出颜色列表
+
+3. **效率提升**：
+   - 使用快捷键
+   - 开启锁定模式
+   - 批量取色
+   - 快速切换格式
+
+## 适用场景
+
+1. **网页设计**：
+   - 配色方案
+   - 主题设计
+   - 界面美化
+   - 品牌规范
+
+2. **开发调试**：
+   - 样式调试
+   - 颜色匹配
+   - 主题开发
+   - 响应式设计
+
+3. **设计参考**：
+   - 颜色提取
+   - 方案借鉴
+   - 风格分析
+   - 趋势研究
+
+## 注意事项
+
+1. 注意取色精度
+2. 避免频繁切换
+3. 及时保存颜色
+4. 注意版权问题
+
+## 技术实现
+
+- 基于Canvas实现
+- 支持像素级取色
+- 实时颜色转换
+- 跨浏览器兼容
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本取色
+- 提供颜色预览
+
+### v1.1.0
+- 添加颜色锁定
+- 优化取色精度
+- 改进用户界面
+
+### v1.2.0
+- 添加格式转换
+- 支持快捷键
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 如何精确取色？**
+   A: 使用放大镜功能，注意像素对齐，避免鼠标抖动。
+
+2. **Q: 支持哪些颜色格式？**
+   A: 支持HEX、RGB、HSL等多种颜色格式，可以互相转换。
+
+3. **Q: 如何复制颜色值？**
+   A: 点击颜色值或使用快捷键即可复制到剪贴板。
+
+4. **Q: 取色器如何关闭？**
+   A: 点击关闭按钮或使用快捷键即可关闭取色器。
+
+## 最佳实践
+
+1. **取色技巧**：
+   - 使用放大镜
+   - 保持稳定
+   - 确认颜色
+   - 及时保存
+
+2. **颜色管理**：
+   - 建立规范
+   - 分类存储
+   - 定期整理
+   - 及时更新
+
+3. **效率提升**：
+   - 熟悉快捷键
+   - 使用锁定模式
+   - 批量操作
+   - 建立工作流 

docs/crontab.md

@@ -0,0 +1,163 @@
+# Crontab工具
+
+## 工具简介
+
+Crontab工具是一个专业的定时任务表达式生成器，帮助用户快速创建和验证Crontab表达式。该工具提供直观的图形界面，支持实时预览执行时间，并能够智能检测表达式错误，是系统管理员和开发者的得力助手。
+
+## 主要功能
+
+### 1. 表达式生成
+- 分钟设置（0-59）
+- 小时设置（0-23）
+- 日期设置（1-31）
+- 月份设置（1-12）
+- 星期设置（0-7）
+- 支持特殊字符（* / , -）
+
+### 2. 智能提示
+- 实时语法检查
+- 错误提示
+- 警告提示
+- 格式验证
+- 智能补全
+
+### 3. 时间预览
+- 显示下次执行时间
+- 显示未来执行计划
+- 支持时区显示
+- 支持时间格式化
+- 支持多时区转换
+
+### 4. 辅助功能
+- 常用表达式模板
+- 表达式解释
+- 复制功能
+- 导入导出
+- 历史记录
+
+## 使用说明
+
+### 基本使用
+1. 选择需要设置的时间单位
+2. 输入或选择具体数值
+3. 查看表达式预览
+4. 检查执行时间
+5. 复制生成的表达式
+
+### 时间单位说明
+- 分钟：0-59
+- 小时：0-23
+- 日期：1-31
+- 月份：1-12
+- 星期：0-7（0和7都表示周日）
+
+### 特殊字符说明
+- *：表示任意值
+- /：表示间隔
+- ,：表示列举
+- -：表示范围
+
+## 使用技巧
+
+1. **表达式编写**：
+   - 使用特殊字符简化表达式
+   - 注意时间单位的范围
+   - 避免冲突的时间设置
+   - 使用注释说明用途
+
+2. **时间预览**：
+   - 检查执行时间是否符合预期
+   - 注意时区设置
+   - 验证执行频率
+   - 检查时间冲突
+
+3. **错误处理**：
+   - 查看错误提示
+   - 检查语法正确性
+   - 验证时间有效性
+   - 避免常见错误
+
+## 适用场景
+
+1. **系统管理**：
+   - 系统维护任务
+   - 日志轮转
+   - 数据备份
+   - 系统监控
+
+2. **应用开发**：
+   - 定时任务
+   - 数据同步
+   - 缓存更新
+   - 报表生成
+
+3. **运维管理**：
+   - 服务重启
+   - 资源清理
+   - 性能监控
+   - 安全扫描
+
+## 注意事项
+
+1. 注意时间单位的范围限制
+2. 避免设置过于频繁的任务
+3. 考虑服务器负载情况
+4. 注意时区设置的影响
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用Crontab解析库
+- 支持实时预览
+- 提供友好的用户界面
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本表达式生成
+- 提供时间预览功能
+
+### v1.1.0
+- 添加错误检查
+- 优化时间预览
+- 改进用户界面
+
+### v1.2.0
+- 添加常用模板
+- 支持多时区
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 如何设置每分钟执行一次？**
+   A: 使用表达式 `* * * * *`，表示在每分钟的每一秒都执行。
+
+2. **Q: 如何设置每周一执行？**
+   A: 使用表达式 `0 0 * * 1`，表示在每周一的0点0分执行。
+
+3. **Q: 如何设置每月1号执行？**
+   A: 使用表达式 `0 0 1 * *`，表示在每月1号的0点0分执行。
+
+4. **Q: 如何设置每5分钟执行一次？**
+   A: 使用表达式 `*/5 * * * *`，表示每5分钟执行一次。
+
+## 最佳实践
+
+1. **表达式编写**：
+   - 使用清晰的注释
+   - 避免过于复杂的表达式
+   - 注意时间冲突
+   - 定期检查有效性
+
+2. **任务管理**：
+   - 合理分配执行时间
+   - 避免资源竞争
+   - 设置任务优先级
+   - 做好日志记录
+
+3. **系统维护**：
+   - 定期检查任务执行情况
+   - 及时处理错误
+   - 优化执行效率
+   - 做好备份工作 

docs/devtools.md

@@ -0,0 +1,168 @@
+# 开发者工具
+
+## 工具简介
+
+开发者工具是一个功能强大的FeHelper插件开发工具，支持创建、编辑、管理和发布自定义工具。该工具提供了完整的开发环境，包括代码编辑器、文件管理、实时预览等功能，帮助开发者快速构建和部署自己的工具。
+
+## 主要功能
+
+### 1. 工具创建
+- 本地工具创建
+- 远程工具导入
+- 模板工具使用
+- 工具配置管理
+- 图标选择器
+
+### 2. 开发环境
+- 代码编辑器
+- 语法高亮
+- 实时保存
+- 文件管理
+- 多文件支持
+
+### 3. 工具管理
+- 工具启用/停用
+- 工具更新
+- 工具打包
+- 工具删除
+- 配置导出
+
+### 4. 开发辅助
+- 代码模板
+- 文件导入
+- 实时预览
+- 错误提示
+- 开发文档
+
+## 使用说明
+
+### 基本使用
+1. 创建新工具
+2. 编辑工具代码
+3. 管理工具文件
+4. 测试工具功能
+5. 发布工具
+
+### 工具创建方式
+1. **本地创建**：
+   - 点击"开始我的第一个FH工具"
+   - 填写工具信息
+   - 选择开发模式
+   - 开始编码
+
+2. **远程导入**：
+   - 点击"从远程服务载入工具"
+   - 输入工具URL
+   - 等待下载完成
+   - 开始编辑
+
+3. **示例工具**：
+   - 点击"来个HelloWorld试试"
+   - 查看示例代码
+   - 学习开发方式
+   - 基于示例开发
+
+## 使用技巧
+
+1. **工具配置**：
+   - 设置工具ID
+   - 选择工具图标
+   - 配置更新地址
+   - 设置注入脚本
+
+2. **文件管理**：
+   - 创建新文件
+   - 导入已有文件
+   - 删除不需要的文件
+   - 管理文件结构
+
+3. **代码编辑**：
+   - 使用语法高亮
+   - 自动保存功能
+   - 代码格式化
+   - 错误检查
+
+## 适用场景
+
+1. **工具开发**：
+   - 创建新工具
+   - 修改现有工具
+   - 调试工具功能
+   - 发布工具更新
+
+2. **学习实践**：
+   - 学习工具开发
+   - 练习编码技能
+   - 测试新功能
+   - 分享开发经验
+
+3. **团队协作**：
+   - 工具版本管理
+   - 代码共享
+   - 功能测试
+   - 问题修复
+
+## 注意事项
+
+1. 工具ID必须唯一
+2. 注意文件命名规范
+3. 定期备份工具代码
+4. 测试工具兼容性
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用CodeMirror编辑器
+- 支持文件系统操作
+- 提供完整的开发API
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本工具创建
+- 提供代码编辑器
+
+### v1.1.0
+- 添加远程工具支持
+- 优化编辑器功能
+- 改进用户界面
+
+### v1.2.0
+- 添加文件管理
+- 支持工具打包
+- 提升开发体验
+
+## 常见问题
+
+1. **Q: 如何创建新工具？**
+   A: 点击"开始我的第一个FH工具"按钮，填写工具信息即可创建。
+
+2. **Q: 支持哪些文件类型？**
+   A: 支持HTML、JavaScript、CSS等Web开发相关文件。
+
+3. **Q: 如何更新工具？**
+   A: 可以通过本地更新或远程URL更新两种方式。
+
+4. **Q: 如何分享工具？**
+   A: 可以将工具打包后分享给其他用户，或发布到远程服务器。
+
+## 最佳实践
+
+1. **开发流程**：
+   - 规划工具功能
+   - 设计用户界面
+   - 编写核心代码
+   - 测试和优化
+
+2. **代码管理**：
+   - 使用版本控制
+   - 定期备份代码
+   - 遵循编码规范
+   - 做好注释说明
+
+3. **工具发布**：
+   - 充分测试功能
+   - 优化用户体验
+   - 准备使用文档
+   - 收集用户反馈 

docs/en-decode.md

@@ -0,0 +1,168 @@
+# 信息编解码工具
+
+## 简介
+信息编解码工具是FeHelper提供的一个多功能编码转换工具，支持多种编码格式的转换和解析。该工具可以帮助用户快速进行文本编码转换、加密解密、URL参数解析等操作，是开发调试和数据处理的重要助手。
+
+## 主要功能
+
+### 编码转换
+1. **Unicode编码**
+   - Unicode编码（\u开头）
+   - Unicode解码
+   - 支持中文转换
+   - 保持特殊字符
+
+2. **URL编码**
+   - URL编码（%开头）
+   - URL解码
+   - 参数解析
+   - 完整URL分析
+
+3. **UTF编码**
+   - UTF8编码/解码
+   - UTF16编码/解码
+   - 支持多语言
+   - 字符集转换
+
+### 加密解密
+1. **Base64**
+   - Base64编码
+   - Base64解码
+   - 支持二进制
+   - 图片转换
+
+2. **哈希算法**
+   - MD5计算
+   - SHA1加密
+   - 十六进制编码
+   - 十六进制解码
+
+3. **HTML编码**
+   - HTML普通编码
+   - HTML深度编码
+   - HTML实体解码
+   - HTML转JS
+
+### 特殊解析
+1. **URL解析**
+   - 协议解析
+   - 域名解析
+   - 路径解析
+   - 参数解析
+
+2. **JWT解析**
+   - Header解析
+   - Payload解析
+   - 签名验证
+   - 完整信息
+
+3. **Cookie解析**
+   - Cookie格式化
+   - 参数提取
+   - 值解析
+   - 结构展示
+
+## 使用说明
+
+### 基本使用
+1. 输入内容
+   - 粘贴待转换文本
+   - 选择转换类型
+   - 点击转换按钮
+   - 查看转换结果
+
+2. 转换操作
+   - 选择编码类型
+   - 执行转换
+   - 复制结果
+   - 清空内容
+
+3. 结果处理
+   - 查看转换结果
+   - 复制到剪贴板
+   - 导出结果
+   - 继续转换
+
+### 高级功能
+1. **批量处理**
+   - 多行文本转换
+   - 批量编码转换
+   - 结果合并
+   - 格式保持
+
+2. **智能识别**
+   - 自动识别编码
+   - 格式检测
+   - 错误提示
+   - 建议修正
+
+3. **特殊处理**
+   - 特殊字符处理
+   - 编码兼容性
+   - 格式验证
+   - 结果优化
+
+## 使用技巧
+1. **提高效率**
+   - 使用快捷键
+   - 保存常用设置
+   - 批量处理
+   - 结果复用
+
+2. **编码选择**
+   - 根据需求选择
+   - 考虑兼容性
+   - 注意安全性
+   - 保持可读性
+
+3. **结果验证**
+   - 检查转换结果
+   - 验证正确性
+   - 测试兼容性
+   - 确认可用性
+
+## 注意事项
+1. 使用限制
+   - 注意输入长度
+   - 避免特殊字符
+   - 考虑编码范围
+   - 注意性能影响
+
+2. 安全考虑
+   - 敏感信息保护
+   - 加密强度
+   - 数据安全
+   - 隐私保护
+
+3. 兼容性
+   - 浏览器支持
+   - 编码标准
+   - 字符集兼容
+   - 格式规范
+
+## 常见问题
+1. **Q: 为什么某些字符转换后显示异常？**
+   A: 可能是编码不兼容或字符集不支持，建议检查输入字符和选择的编码方式。
+
+2. **Q: 如何处理大文本转换？**
+   A: 建议分段处理，或使用其他专业工具，注意内存使用。
+
+3. **Q: 转换结果不准确怎么办？**
+   A: 检查输入格式是否正确，确保选择了正确的编码方式，必要时可以尝试其他编码。
+
+## 更新日志
+- 2024-03-21: 优化转换性能
+- 2024-03-20: 添加JWT解析功能
+- 2024-03-19: 改进URL参数解析
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [Base64转换工具](../image-base64.md)
+- [URL编码工具](../url-encoder.md)
+- [JSON格式化工具](../json-format.md) 

docs/excel2json.md

@@ -0,0 +1,168 @@
+# Excel转JSON工具
+
+## 工具简介
+
+Excel转JSON工具是一个专业的Excel/CSV文件转换工具，可以将Excel表格数据快速转换为JSON格式。该工具支持多种数据格式和转换选项，提供直观的界面和灵活的配置，帮助用户轻松处理数据转换需求。
+
+## 主要功能
+
+### 1. 数据导入
+- Excel文件导入
+- CSV文件导入
+- 文本数据导入
+- 拖拽上传
+- 剪贴板导入
+
+### 2. 数据转换
+- JSON格式转换
+- 自定义分隔符
+- 表头处理
+- 数据格式化
+- 批量转换
+
+### 3. 输出配置
+- 格式化输出
+- 缩进设置
+- 编码选择
+- 文件导出
+- 复制结果
+
+### 4. 数据处理
+- 表头转换
+- 数据类型
+- 空值处理
+- 特殊字符
+- 数据验证
+
+## 使用说明
+
+### 基本使用
+1. 选择输入文件
+2. 配置转换选项
+3. 设置输出格式
+4. 执行转换
+5. 获取结果
+
+### 转换方式
+1. **文件导入**：
+   - 选择Excel文件
+   - 选择CSV文件
+   - 粘贴文本数据
+   - 拖拽文件
+
+2. **配置选项**：
+   - 设置分隔符
+   - 选择表头
+   - 配置输出
+   - 调整格式
+
+3. **结果处理**：
+   - 查看预览
+   - 复制结果
+   - 导出文件
+   - 保存配置
+
+## 使用技巧
+
+1. **数据准备**：
+   - 规范数据格式
+   - 检查数据完整
+   - 处理特殊字符
+   - 验证数据类型
+
+2. **转换配置**：
+   - 选择合适的格式
+   - 设置正确的编码
+   - 配置输出选项
+   - 保存常用配置
+
+3. **结果处理**：
+   - 验证转换结果
+   - 检查数据完整
+   - 格式化输出
+   - 及时保存
+
+## 适用场景
+
+1. **数据处理**：
+   - 数据格式转换
+   - 数据清洗
+   - 数据迁移
+   - 数据整合
+
+2. **开发调试**：
+   - 接口测试
+   - 数据模拟
+   - 配置转换
+   - 数据验证
+
+3. **数据分析**：
+   - 数据导入
+   - 格式转换
+   - 数据导出
+   - 结果分析
+
+## 注意事项
+
+1. 注意数据格式
+2. 检查特殊字符
+3. 验证转换结果
+4. 及时保存数据
+
+## 技术实现
+
+- 基于JavaScript
+- 使用Vue.js开发
+- 支持多种格式
+- 提供完整API
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本转换
+- 提供格式配置
+
+### v1.1.0
+- 添加更多格式
+- 优化转换功能
+- 改进用户界面
+
+### v1.2.0
+- 添加批量转换
+- 支持数据验证
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 支持哪些文件格式？**
+   A: 支持Excel、CSV等常见表格格式，以及文本数据。
+
+2. **Q: 如何处理特殊字符？**
+   A: 工具会自动处理特殊字符，确保转换结果的正确性。
+
+3. **Q: 如何保存转换配置？**
+   A: 可以保存常用的转换配置，方便下次使用。
+
+4. **Q: 转换结果如何验证？**
+   A: 工具提供预览功能，可以查看转换结果并验证数据完整性。
+
+## 最佳实践
+
+1. **数据准备**：
+   - 规范数据格式
+   - 检查数据完整
+   - 处理特殊字符
+   - 验证数据类型
+
+2. **转换配置**：
+   - 选择合适的格式
+   - 设置正确的编码
+   - 配置输出选项
+   - 保存常用配置
+
+3. **结果处理**：
+   - 验证转换结果
+   - 检查数据完整
+   - 格式化输出
+   - 及时保存 

docs/grid-ruler.md

@@ -0,0 +1,168 @@
+# 网格标尺工具
+
+## 工具简介
+
+网格标尺工具是一个专业的网页布局辅助工具，为网页开发人员提供精确的网格参考线和像素标尺。该工具可以帮助开发者进行页面布局、元素定位和间距调整，提高开发效率和页面精确度。
+
+## 主要功能
+
+### 1. 网格系统
+- 网格线显示
+- 网格间距调整
+- 网格颜色设置
+- 网格透明度
+- 网格开关控制
+
+### 2. 标尺功能
+- 水平标尺
+- 垂直标尺
+- 像素刻度
+- 实时坐标
+- 滚动同步
+
+### 3. 测量功能
+- 元素尺寸测量
+- 间距测量
+- 位置坐标
+- 实时预览
+- 数据记录
+
+### 4. 辅助功能
+- 快捷键支持
+- 自动适应
+- 滚动同步
+- 窗口调整
+- 快速关闭
+
+## 使用说明
+
+### 基本使用
+1. 启用网格标尺
+2. 查看网格参考
+3. 使用标尺测量
+4. 调整页面布局
+5. 关闭工具
+
+### 使用方式
+1. **网格使用**：
+   - 显示网格线
+   - 调整网格间距
+   - 设置网格样式
+   - 对齐页面元素
+
+2. **标尺使用**：
+   - 查看像素刻度
+   - 测量元素尺寸
+   - 调整元素位置
+   - 保持间距一致
+
+3. **测量操作**：
+   - 移动鼠标测量
+   - 查看实时坐标
+   - 记录测量数据
+   - 应用测量结果
+
+## 使用技巧
+
+1. **布局设计**：
+   - 使用网格对齐
+   - 保持间距一致
+   - 注意元素位置
+   - 优化页面结构
+
+2. **测量方法**：
+   - 精确测量尺寸
+   - 记录关键数据
+   - 保持测量习惯
+   - 验证测量结果
+
+3. **效率提升**：
+   - 使用快捷键
+   - 快速开关工具
+   - 合理使用网格
+   - 保持工作流
+
+## 适用场景
+
+1. **页面布局**：
+   - 响应式设计
+   - 网格系统
+   - 元素定位
+   - 间距调整
+
+2. **开发调试**：
+   - 布局检查
+   - 尺寸验证
+   - 对齐检查
+   - 间距调整
+
+3. **设计实现**：
+   - 设计稿还原
+   - 像素级调整
+   - 布局优化
+   - 视觉对齐
+
+## 注意事项
+
+1. 注意网格密度
+2. 避免视觉干扰
+3. 合理使用标尺
+4. 及时关闭工具
+
+## 技术实现
+
+- 基于jQuery开发
+- 动态创建网格
+- 实时坐标计算
+- 滚动事件处理
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本网格
+- 提供标尺功能
+
+### v1.1.0
+- 添加测量功能
+- 优化网格显示
+- 改进用户界面
+
+### v1.2.0
+- 添加快捷键
+- 支持滚动同步
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 如何调整网格间距？**
+   A: 工具默认使用10px的网格间距，可以通过修改代码自定义间距。
+
+2. **Q: 标尺如何跟随滚动？**
+   A: 工具会自动处理滚动事件，保持标尺位置同步。
+
+3. **Q: 如何快速关闭工具？**
+   A: 可以点击关闭按钮或使用ESC快捷键关闭工具。
+
+4. **Q: 测量数据如何记录？**
+   A: 工具会实时显示坐标信息，可以手动记录需要的数据。
+
+## 最佳实践
+
+1. **布局技巧**：
+   - 使用网格对齐
+   - 保持间距一致
+   - 注意元素位置
+   - 优化页面结构
+
+2. **测量方法**：
+   - 精确测量尺寸
+   - 记录关键数据
+   - 保持测量习惯
+   - 验证测量结果
+
+3. **使用建议**：
+   - 熟悉快捷键
+   - 合理使用网格
+   - 保持工作流
+   - 及时关闭工具 

docs/html2markdown.md

@@ -0,0 +1,167 @@
+# Markdown转换工具
+
+## 工具简介
+
+Markdown转换工具是一个功能强大的文档处理工具，支持HTML与Markdown格式之间的相互转换，并提供实时预览功能。该工具集成了专业的Markdown编辑器，支持语法高亮、实时预览、文件导入导出等功能，是写作、文档转换和内容管理的理想选择。
+
+## 主要功能
+
+### 1. 格式转换
+- HTML转Markdown
+- Markdown转HTML
+- 支持双向转换
+- 保持格式完整性
+
+### 2. 编辑器功能
+- 语法高亮显示
+- 实时预览
+- 工具栏快捷操作
+- 支持快捷键
+- 自动保存
+
+### 3. 文件操作
+- 导入本地文件
+- 导出Markdown文件
+- 导出HTML文件
+- 支持拖拽文件
+- 支持复制粘贴
+
+### 4. 编辑辅助
+- 常用格式工具栏
+- 代码块支持
+- 图片插入
+- 链接管理
+- 列表支持
+
+## 使用说明
+
+### 基本使用
+1. 选择编辑模式（Markdown/HTML）
+2. 输入或粘贴内容
+3. 使用工具栏进行格式编辑
+4. 实时预览效果
+5. 导出所需格式
+
+### 工具栏功能
+- 加粗文本
+- 斜体文本
+- 引用块
+- 代码块
+- 无序列表
+- 有序列表
+- 链接插入
+- 图片插入
+- 预览切换
+- 文件保存
+
+## 使用技巧
+
+1. **快捷键操作**：
+   - Ctrl+S：保存文件
+   - 支持常用编辑快捷键
+   - 支持代码块快捷键
+   - 支持格式转换快捷键
+
+2. **文件处理**：
+   - 支持拖拽导入文件
+   - 支持多种格式导出
+   - 自动生成文件名
+   - 支持批量处理
+
+3. **格式转换**：
+   - 保持原始格式
+   - 智能识别结构
+   - 支持复杂格式
+   - 转换结果可编辑
+
+4. **预览功能**：
+   - 实时预览
+   - 支持切换预览模式
+   - 支持代码高亮
+   - 支持数学公式
+
+## 适用场景
+
+1. **文档编写**：
+   - 技术文档
+   - 博客文章
+   - 项目文档
+   - 学习笔记
+
+2. **内容转换**：
+   - 网页内容转换
+   - 文档格式转换
+   - 内容迁移
+   - 格式标准化
+
+3. **协作编辑**：
+   - 团队文档
+   - 共享笔记
+   - 内容审核
+   - 版本控制
+
+## 注意事项
+
+1. 转换前请备份原始文件
+2. 复杂格式可能需要手动调整
+3. 大文件处理可能需要等待
+4. 注意保存编辑内容
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用CodeMirror编辑器
+- 集成Marked解析器
+- 支持语法高亮
+- 支持实时预览
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本转换功能
+- 提供编辑器功能
+
+### v1.1.0
+- 添加文件导入导出
+- 优化转换算法
+- 改进用户界面
+
+### v1.2.0
+- 添加实时预览
+- 支持代码高亮
+- 提升转换效率
+
+## 常见问题
+
+1. **Q: 转换后的格式有偏差怎么办？**
+   A: 某些复杂格式可能需要手动调整，建议在转换后检查并微调。
+
+2. **Q: 支持哪些文件格式的导入？**
+   A: 支持导入HTML和Markdown格式的文件，支持拖拽和文件选择。
+
+3. **Q: 如何保持图片链接？**
+   A: 工具会自动处理图片链接，建议使用相对路径或完整的URL。
+
+4. **Q: 大文件处理会卡顿吗？**
+   A: 工具针对大文件做了优化，但建议分块处理超大文件。
+
+## 最佳实践
+
+1. **内容编辑**：
+   - 使用工具栏快捷操作
+   - 善用快捷键
+   - 定期保存内容
+   - 注意格式规范
+
+2. **文件管理**：
+   - 合理组织文件
+   - 使用有意义的文件名
+   - 定期备份文件
+   - 注意文件大小
+
+3. **格式转换**：
+   - 转换前检查内容
+   - 转换后验证格式
+   - 必要时手动调整
+   - 保持格式一致性 

docs/image-base64.md

@@ -0,0 +1,109 @@
+# 图片Base64转换工具
+
+## 简介
+图片Base64转换工具是FeHelper提供的一个实用工具，用于在图片和Base64编码之间进行相互转换。该工具支持多种图片格式，并提供了便捷的拖拽、粘贴等操作方式，让图片转换变得更加简单高效。
+
+## 主要功能
+
+### 图片转Base64功能
+1. **多种上传方式**
+   - 点击选择图片文件
+   - 拖拽图片到指定区域
+   - 直接粘贴截图
+   - 粘贴图片URL地址
+
+2. **实时预览**
+   - 显示原始图片预览
+   - 显示转换后的Base64编码
+   - 显示原始图片尺寸和Base64数据大小
+
+3. **智能处理**
+   - 自动识别图片格式
+   - 自动处理图片URL
+   - 支持多种图片格式（jpg、jpeg、gif、png、bmp）
+
+### Base64转图片功能
+1. **数据输入**
+   - 支持直接粘贴Base64数据
+   - 自动补全DataURI前缀
+   - 实时预览转换结果
+
+2. **错误处理**
+   - 自动检测Base64数据格式
+   - 显示转换错误提示
+   - 支持手动修正数据
+
+## 使用说明
+
+### 图片转Base64
+1. 打开工具后，默认进入"图片转Base64"模式
+2. 可以通过以下任一方式上传图片：
+   - 点击"选择图片"按钮选择本地图片文件
+   - 将图片文件拖拽到指定区域
+   - 复制图片后直接粘贴（支持截图）
+   - 复制图片URL后粘贴
+3. 上传成功后，右侧会显示：
+   - Base64编码结果
+   - 原始图片大小
+   - Base64数据大小
+
+### Base64转图片
+1. 点击右上角"切换为Base64转图片"按钮
+2. 在左侧输入框中粘贴Base64数据
+3. 右侧会实时显示转换后的图片预览
+4. 如果数据格式有误，会显示错误提示
+
+## 使用技巧
+1. **快速转换**
+   - 使用截图工具截图后直接粘贴
+   - 复制图片URL后直接粘贴
+   - 拖拽图片文件到工具窗口
+
+2. **数据复制**
+   - 点击结果文本框自动选中全部内容
+   - 支持复制完整的DataURI数据
+
+3. **格式处理**
+   - 自动处理DataURI前缀
+   - 自动识别图片格式
+   - 支持手动修正数据格式
+
+## 注意事项
+1. 图片大小限制
+   - 建议转换小于5MB的图片
+   - 过大的图片可能影响转换速度
+
+2. 数据格式要求
+   - Base64数据需要是有效的图片数据
+   - 支持标准的DataURI格式
+
+3. 浏览器兼容性
+   - 支持主流现代浏览器
+   - 建议使用Chrome、Firefox等浏览器
+
+## 常见问题
+1. **Q: 为什么转换后的Base64数据很大？**
+   A: Base64编码会使数据量增加约33%，这是正常的编码转换过程。
+
+2. **Q: 支持哪些图片格式？**
+   A: 支持jpg、jpeg、gif、png、bmp等常见图片格式。
+
+3. **Q: 如何判断Base64数据是否有效？**
+   A: 工具会自动检测数据格式，无效数据会显示错误提示。
+
+## 更新日志
+- 2024-03-21: 优化图片处理性能
+- 2024-03-20: 添加拖拽上传功能
+- 2024-03-19: 支持截图直接粘贴
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [JSON格式化工具](../json-format.md)
+- [图片处理工具](../image-tools.md)
+- [编码转换工具](../encoding-converter.md) 

docs/index.md

@@ -0,0 +1,96 @@
+# FeHelper 开发者工具集
+
+## 简介
+
+FeHelper 是一款强大的浏览器开发者工具集，为Web开发者提供了丰富的开发辅助功能。它集成了多种实用工具，包括代码格式化、JSON处理、编码转换、性能分析等，旨在提高开发效率，简化开发流程。
+
+## 主要特性
+
+- 🛠️ 丰富的工具集：包含30+种开发工具
+- 🚀 便捷的访问：支持右键菜单快速访问
+- 💻 跨平台支持：支持Chrome、Firefox、Edge等主流浏览器
+- 🔧 开发者友好：提供完整的开发者工具支持
+- 🎨 界面美观：现代化的UI设计，提供良好的用户体验
+
+## 工具列表
+
+### 代码相关工具
+- [JSON格式化工具](json-format.md) - 支持JSON的格式化、美化、压缩等功能
+- [JSON比对工具](json-diff.md) - 支持两个JSON内容的差异比较
+- [代码美化工具](code-beautify.md) - 支持多种编程语言的代码格式化
+- [代码压缩工具](code-compress.md) - 支持HTML、JavaScript、CSS代码压缩
+
+### 图片处理工具
+- [二维码工具](qr-code.md) - 支持二维码生成和解码
+- [图片Base64转换](image-base64.md) - 支持图片与Base64互转
+- [SVG转换工具](svg-converter.md) - 支持SVG转图片格式
+
+### 开发辅助工具
+- [简易Postman](postman.md) - 接口调试工具
+- [WebSocket工具](websocket.md) - WebSocket接口测试工具
+- [网页性能优化](page-timing.md) - 网站性能分析工具
+- [网页栅格标尺](grid-ruler.md) - 网页布局辅助工具
+
+### 编码转换工具
+- [信息编码转换](en-decode.md) - 支持多种编码格式转换
+- [进制转换工具](trans-radix.md) - 支持2-36进制转换
+- [颜色转换工具](trans-color.md) - 支持颜色格式转换
+
+### 实用工具
+- [时间戳转换](timestamp.md) - 时间与时间戳互转
+- [随机密码生成](password.md) - 密码生成工具
+- [便签笔记](sticky-notes.md) - 浏览器便签工具
+- [Markdown工具](html2markdown.md) - Markdown编辑与转换
+- [正则表达式工具](regexp.md) - 正则表达式速查
+- [Crontab工具](crontab.md) - Crontab表达式生成器
+- [贷款计算器](loan-rate.md) - 贷款还款计算工具
+
+### 高级功能
+- [AI智能助手](aiagent.md) - AI驱动的智能对话工具
+- [网页油猴工具](page-monkey.md) - 网页自动化工具
+- [网页截屏工具](screenshot.md) - 网页截图工具
+- [页面取色工具](color-picker.md) - 网页颜色拾取工具
+- [思维导图](naotu.md) - 在线思维导图工具
+- [Excel转JSON](excel2json.md) - Excel数据转换工具
+- [图表制作工具](chart-maker.md) - 数据可视化工具
+- [海报生成工具](poster-maker.md) - 快速海报制作工具
+
+## 安装方式
+
+### Chrome浏览器
+1. 访问Chrome网上应用店
+2. 搜索"FeHelper"
+3. 点击"添加到Chrome"即可安装
+
+### Firefox浏览器
+1. 访问Firefox附加组件商店
+2. 搜索"FeHelper"
+3. 点击"添加到Firefox"即可安装
+
+### Edge浏览器
+1. 访问Edge扩展商店
+2. 搜索"FeHelper"
+3. 点击"获取"即可安装
+
+## 使用说明
+
+1. 安装完成后，在浏览器工具栏会出现FeHelper图标
+2. 点击图标可以打开工具面板
+3. 在网页上右键，可以通过右键菜单快速访问常用工具
+4. 部分工具支持快捷键操作，具体快捷键可在工具设置中查看
+
+## 开发者支持
+
+FeHelper支持开发者进行本地开发，可以将自己的插件功能集成到FeHelper工具市场中。详细说明请参考[开发者工具](devtools.md)文档。
+
+## 贡献指南
+
+欢迎为FeHelper贡献代码或提出建议！请参考我们的[贡献指南](CONTRIBUTING.md)了解如何参与项目开发。
+
+## 许可证
+
+FeHelper采用MIT许可证。详情请查看[LICENSE](LICENSE)文件。
+
+## 隐私政策
+
+我们重视用户隐私，详细说明请查看[隐私政策](PRIVACY_POLICY.md)。 

docs/json-diff.md

@@ -0,0 +1,123 @@
+# JSON比对工具
+
+## 简介
+
+JSON比对工具是FeHelper提供的一个专业的JSON数据比较工具，它能够帮助开发者快速比较两个JSON数据之间的差异，并以直观的方式展示差异点。该工具支持多种JSON数据格式，包括对象、数组、嵌套结构等，是进行API调试、数据验证和配置对比的得力助手。
+
+## 主要功能
+
+### 1. 基础比对功能
+- **实时比对**：输入JSON数据后自动进行比对
+- **差异高亮**：使用不同颜色标记新增、删除和修改的内容
+- **结构对比**：支持复杂JSON结构的对比
+- **语法验证**：自动检测JSON语法错误
+
+### 2. 高级比对特性
+- **智能匹配**：自动识别相似的数据结构
+- **路径显示**：清晰显示差异数据的具体路径
+- **差异统计**：显示差异点的数量统计
+- **格式化显示**：自动格式化JSON数据，提高可读性
+
+### 3. 示例数据
+工具内置了多种示例数据，方便用户快速上手：
+- **用户信息**：展示用户数据结构的对比
+- **商品数据**：展示商品信息的对比
+- **配置选项**：展示配置文件的对比
+- **API响应**：展示API返回数据的对比
+
+### 4. 界面特性
+- **双栏布局**：左右分栏显示待比较的JSON数据
+- **语法高亮**：使用CodeMirror提供专业的代码编辑体验
+- **实时预览**：比对结果实时显示
+- **错误提示**：清晰的错误提示和定位
+
+## 使用说明
+
+### 基本使用
+1. 在左侧输入框中粘贴第一个JSON数据
+2. 在右侧输入框中粘贴第二个JSON数据
+3. 工具会自动进行比对并显示差异
+
+### 高级功能使用
+1. **使用示例数据**：
+   - 点击"示例数据"下拉菜单
+   - 选择需要的示例类型
+   - 工具会自动填充示例数据
+
+2. **查看差异**：
+   - 新增内容：绿色高亮显示
+   - 删除内容：红色高亮显示
+   - 修改内容：黄色高亮显示
+
+3. **错误处理**：
+   - 当JSON格式错误时，工具会显示具体的错误位置
+   - 支持自动修复常见的JSON格式问题
+
+## 使用技巧
+
+1. **快速比对**：
+   - 使用示例数据快速了解工具功能
+   - 支持复制粘贴JSON数据
+   - 支持拖拽文件到输入框
+
+2. **差异分析**：
+   - 关注高亮显示的差异部分
+   - 使用路径信息定位具体差异
+   - 查看差异统计了解整体变化
+
+3. **数据验证**：
+   - 在比对前确保JSON格式正确
+   - 检查数据结构的完整性
+   - 验证数据类型的正确性
+
+## 注意事项
+
+1. 确保输入的JSON数据格式正确
+2. 大型JSON数据可能需要较长的处理时间
+3. 注意检查嵌套结构的完整性
+4. 建议在比对前先格式化JSON数据
+
+## 常见问题
+
+1. **Q: 为什么我的JSON比对结果不准确？**
+   A: 请检查：
+   - JSON数据格式是否正确
+   - 数据结构是否完整
+   - 数据类型是否匹配
+   - 是否有特殊字符或编码问题
+
+2. **Q: 如何处理大型JSON数据的比对？**
+   A: 建议：
+   - 先格式化JSON数据
+   - 分块进行比对
+   - 关注关键字段的差异
+   - 使用路径信息快速定位
+
+3. **Q: 为什么有些差异没有被标记出来？**
+   A: 可能的原因：
+   - 数据结构不一致
+   - 数据类型不匹配
+   - 特殊字符编码问题
+   - 工具配置问题
+
+## 更新日志
+
+### 最新版本
+- 优化了大型JSON的处理性能
+- 改进了差异显示的准确性
+- 新增了更多示例数据
+- 优化了界面交互体验
+- 增强了错误处理能力
+
+## 反馈与建议
+
+如果您在使用过程中遇到任何问题，或者有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件到开发团队
+3. 在工具市场页面留言
+
+## 相关工具
+
+- [JSON格式化工具](../json-format.md)：用于格式化JSON数据
+- [代码美化工具](../code-beautify.md)：支持多种编程语言的代码格式化
+- [信息编码转换](../en-decode.md)：支持多种编码格式的转换 

docs/json-format.md

@@ -0,0 +1,126 @@
+# JSON格式化工具
+
+## 简介
+
+JSON格式化工具是FeHelper提供的一个强大的JSON数据处理工具，它能够帮助开发者快速格式化、美化、压缩和验证JSON数据。该工具支持多种JSON处理功能，包括自动格式化、手动格式化、乱码解码、排序、BigInt处理等，是Web开发中不可或缺的辅助工具。
+
+## 主要功能
+
+### 1. 基础格式化功能
+- **自动格式化**：一键将杂乱的JSON数据转换为格式化的、易读的形式
+- **手动格式化**：通过格式化按钮手动触发格式化操作
+- **压缩功能**：将JSON数据压缩为单行，去除所有不必要的空格和换行
+- **JSON验证**：自动检测JSON语法错误，并提供详细的错误信息
+
+### 2. 高级处理功能
+- **JSONP支持**：自动识别并处理JSONP格式的数据
+- **自动解码**：支持自动解码URL编码和Unicode编码的JSON数据
+- **BigInt支持**：正确处理JavaScript中的BigInt类型数据
+- **节点编辑**：支持直接编辑格式化后的JSON节点
+- **排序功能**：
+  - 默认排序：保持原始顺序
+  - 升序排序：按键名升序排列
+  - 降序排序：按键名降序排列
+
+### 3. 编码转换功能
+- **Unicode编码**：支持将JSON中的特殊字符转换为Unicode编码
+- **Unicode解码**：支持将Unicode编码转换回原始字符
+- **URL解码**：支持解码URL编码的JSON数据
+
+### 4. 界面特性
+- **双模式布局**：
+  - 左右布局：适合宽屏显示器
+  - 上下布局：适合窄屏显示器
+- **语法高亮**：使用CodeMirror提供专业的代码编辑体验
+- **实时预览**：格式化结果实时显示
+- **错误提示**：清晰的错误提示和定位
+
+## 使用说明
+
+### 基本使用
+1. 在输入框中粘贴需要格式化的JSON数据
+2. 点击"格式化"按钮进行格式化
+3. 格式化后的结果会显示在右侧（左右布局）或下方（上下布局）
+
+### 高级功能使用
+1. **自动解码**：
+   - 勾选"自动解码"选项
+   - 粘贴包含编码的JSON数据
+   - 工具会自动进行解码和格式化
+
+2. **JSON排序**：
+   - 选择排序方式（默认/升序/降序）
+   - 点击格式化按钮
+   - 结果会按照选择的方式重新排序
+
+3. **节点编辑**：
+   - 勾选"节点编辑"选项
+   - 点击格式化后的JSON节点
+   - 可以直接编辑节点内容
+
+4. **编码转换**：
+   - 使用工具栏上的编码转换按钮
+   - 支持Unicode编码/解码
+   - 支持URL解码
+
+## 使用技巧
+
+1. **快速格式化**：
+   - 使用快捷键 `Ctrl + Enter` 快速格式化
+   - 支持自动检测页面中的JSON数据
+
+2. **错误处理**：
+   - 当JSON格式错误时，工具会显示具体的错误位置
+   - 支持自动修复常见的JSON格式问题
+
+3. **大数据处理**：
+   - 支持处理大型JSON数据
+   - 提供性能优化的处理方式
+
+4. **JSONP处理**：
+   - 自动识别JSONP格式
+   - 支持提取JSONP中的JSON数据
+
+## 注意事项
+
+1. 处理大型JSON数据时，建议使用压缩模式
+2. 编辑JSON时注意保持JSON格式的正确性
+3. 使用自动解码功能时，确保原始数据是可解码的
+4. 处理BigInt数据时，注意数值的精度问题
+
+## 常见问题
+
+1. **Q: 为什么我的JSON格式化后显示错误？**
+   A: 请检查JSON数据是否符合标准格式，特别注意：
+   - 所有的键名必须用双引号包围
+   - 不能使用单引号
+   - 不能有多余的逗号
+   - 确保所有的括号都正确配对
+
+2. **Q: 如何处理包含特殊字符的JSON？**
+   A: 可以使用Unicode编码功能，将特殊字符转换为Unicode编码，或者使用自动解码功能处理已编码的数据。
+
+3. **Q: 为什么我的BigInt数据在格式化后发生了变化？**
+   A: 工具会自动处理BigInt数据，确保数值的精确性。如果发现数值变化，请检查原始数据是否正确。
+
+## 更新日志
+
+### 最新版本
+- 支持BigInt类型数据处理
+- 优化了大型JSON的处理性能
+- 改进了错误提示的准确性
+- 新增了自动解码功能
+- 优化了界面布局和交互体验
+
+## 反馈与建议
+
+如果您在使用过程中遇到任何问题，或者有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件到开发团队
+3. 在工具市场页面留言
+
+## 相关工具
+
+- [JSON比对工具](../json-diff.md)：用于比较两个JSON数据的差异
+- [代码美化工具](../code-beautify.md)：支持多种编程语言的代码格式化
+- [信息编码转换](../en-decode.md)：支持多种编码格式的转换 

docs/loan-rate.md

@@ -0,0 +1,160 @@
+# 贷款利率计算器
+
+## 工具简介
+
+贷款利率计算器是一个专业的贷款计算工具，支持等额本息和等额本金两种还款方式的计算，并提供实际年化利率反推功能。该工具能够帮助用户快速计算贷款月供、总利息等关键数据，是个人理财和贷款规划的理想助手。
+
+## 主要功能
+
+### 1. 还款方式计算
+- 等额本息计算
+- 等额本金计算
+- 月供金额计算
+- 总利息计算
+- 还款计划生成
+
+### 2. 实际年化反推
+- 根据总还款额反推年化利率
+- 支持等额本息反推
+- 支持等额本金反推
+- 精确到小数点后两位
+
+### 3. 还款计划明细
+- 期数显示
+- 月供金额
+- 本金和利息拆分
+- 累计还款统计
+- 剩余还款统计
+
+### 4. 智能计算
+- 实时计算
+- 数据合法性校验
+- 精确的数学计算
+- 友好的错误提示
+
+## 使用说明
+
+### 基本使用
+1. 输入贷款本金
+2. 选择贷款期限
+3. 选择还款方式
+4. 输入年化利率
+5. 点击计算按钮
+
+### 计算模式
+1. **利率计算模式**：
+   - 输入贷款本金
+   - 输入贷款期限
+   - 输入年化利率
+   - 选择还款方式
+   - 查看计算结果
+
+2. **实际年化反推模式**：
+   - 输入贷款本金
+   - 输入贷款期限
+   - 输入总还款额
+   - 选择还款方式
+   - 查看反推结果
+
+## 使用技巧
+
+1. **数据输入**：
+   - 贷款本金必须大于0
+   - 贷款期限不能超过360个月
+   - 年化利率必须大于0
+   - 总还款额必须大于本金
+
+2. **还款方式选择**：
+   - 等额本息：每月还款金额固定
+   - 等额本金：每月本金固定，利息递减
+
+3. **结果查看**：
+   - 查看每月还款明细
+   - 关注总利息支出
+   - 对比不同还款方式
+   - 分析还款压力
+
+## 适用场景
+
+1. **个人贷款**：
+   - 房贷计算
+   - 车贷计算
+   - 消费贷款
+   - 信用贷款
+
+2. **理财规划**：
+   - 贷款成本分析
+   - 还款能力评估
+   - 提前还款规划
+   - 利率对比分析
+
+3. **金融咨询**：
+   - 贷款方案设计
+   - 还款计划制定
+   - 利率水平评估
+   - 成本效益分析
+
+## 注意事项
+
+1. 计算结果仅供参考
+2. 实际贷款以银行审批为准
+3. 注意利率单位换算
+4. 考虑其他费用支出
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用精确的数学计算
+- 支持实时数据更新
+- 提供友好的用户界面
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本计算功能
+- 提供两种还款方式
+
+### v1.1.0
+- 添加实际年化反推
+- 优化计算精度
+- 改进用户界面
+
+### v1.2.0
+- 添加数据校验
+- 优化计算效率
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 等额本息和等额本金有什么区别？**
+   A: 等额本息每月还款金额固定，等额本金每月本金固定，利息递减。
+
+2. **Q: 如何选择还款方式？**
+   A: 等额本息适合收入稳定的借款人，等额本金适合收入较高的借款人。
+
+3. **Q: 提前还款是否划算？**
+   A: 需要根据实际利率、剩余期限等因素综合考虑。
+
+4. **Q: 如何计算实际年化利率？**
+   A: 可以使用工具的实际年化反推功能，输入本金、期限和总还款额即可。
+
+## 最佳实践
+
+1. **贷款规划**：
+   - 合理评估还款能力
+   - 选择适合的还款方式
+   - 注意利率水平
+   - 考虑提前还款
+
+2. **成本控制**：
+   - 比较不同贷款方案
+   - 关注总利息支出
+   - 评估还款压力
+   - 做好资金规划
+
+3. **风险防范**：
+   - 预留应急资金
+   - 关注利率变化
+   - 评估还款风险
+   - 做好风险控制 

docs/naotu.md

@@ -0,0 +1,168 @@
+# 思维导图工具
+
+## 工具简介
+
+思维导图工具是一个专业的思维导图编辑工具，基于KityMinder实现，支持创建、编辑、保存和导出思维导图。该工具提供了直观的图形化界面，帮助用户更好地组织和展示思维结构，是学习和工作的得力助手。
+
+## 主要功能
+
+### 1. 思维导图编辑
+- 节点创建与编辑
+- 节点关系管理
+- 节点样式设置
+- 节点图标选择
+- 节点备注添加
+
+### 2. 文件管理
+- 本地保存
+- 文件导出
+- 历史记录
+- 文件列表
+- 自动备份
+
+### 3. 编辑功能
+- 拖拽操作
+- 快捷键支持
+- 撤销重做
+- 复制粘贴
+- 节点折叠
+
+### 4. 导出功能
+- JSON格式导出
+- 图片导出
+- 在线分享
+- 批量导出
+- 格式转换
+
+## 使用说明
+
+### 基本使用
+1. 创建新导图
+2. 添加节点内容
+3. 设置节点关系
+4. 保存导图
+5. 导出分享
+
+### 编辑方式
+1. **节点编辑**：
+   - 点击添加节点
+   - 输入节点内容
+   - 设置节点样式
+   - 添加节点备注
+
+2. **关系管理**：
+   - 拖拽调整位置
+   - 设置父子关系
+   - 调整节点层级
+   - 优化布局结构
+
+3. **样式设置**：
+   - 选择节点颜色
+   - 设置字体样式
+   - 添加节点图标
+   - 调整节点大小
+
+## 使用技巧
+
+1. **结构设计**：
+   - 合理分层
+   - 保持简洁
+   - 突出重点
+   - 逻辑清晰
+
+2. **内容组织**：
+   - 关键词提取
+   - 分类整理
+   - 层次分明
+   - 重点突出
+
+3. **效率提升**：
+   - 使用快捷键
+   - 批量操作
+   - 模板复用
+   - 快速编辑
+
+## 适用场景
+
+1. **学习笔记**：
+   - 知识梳理
+   - 重点总结
+   - 复习回顾
+   - 知识关联
+
+2. **工作规划**：
+   - 项目规划
+   - 任务分解
+   - 进度管理
+   - 资源分配
+
+3. **创意发散**：
+   - 头脑风暴
+   - 创意收集
+   - 方案设计
+   - 思路整理
+
+## 注意事项
+
+1. 定期保存文件
+2. 注意数据备份
+3. 合理组织结构
+4. 控制导图规模
+
+## 技术实现
+
+- 基于KityMinder
+- 使用Vue.js开发
+- 支持本地存储
+- 提供完整API
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本编辑
+- 提供文件管理
+
+### v1.1.0
+- 添加导出功能
+- 优化编辑体验
+- 改进用户界面
+
+### v1.2.0
+- 添加在线版本
+- 支持数据同步
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 如何保存思维导图？**
+   A: 点击保存按钮或使用快捷键即可保存到本地。
+
+2. **Q: 支持哪些导出格式？**
+   A: 支持JSON格式导出，可以导入到在线版本继续编辑。
+
+3. **Q: 如何分享思维导图？**
+   A: 可以导出JSON文件，或使用在线版本分享链接。
+
+4. **Q: 数据如何备份？**
+   A: 建议定期导出JSON文件进行备份。
+
+## 最佳实践
+
+1. **导图设计**：
+   - 结构清晰
+   - 层次分明
+   - 重点突出
+   - 逻辑合理
+
+2. **内容管理**：
+   - 定期整理
+   - 及时更新
+   - 分类存储
+   - 版本控制
+
+3. **使用技巧**：
+   - 熟悉快捷键
+   - 使用模板
+   - 批量操作
+   - 定期备份 

docs/page-monkey.md

@@ -0,0 +1,168 @@
+# 网页油猴工具
+
+## 工具简介
+
+网页油猴工具是一个强大的网页定制和调试工具，允许用户为任意网页注入自定义JavaScript代码，实现页面功能增强、自动化操作、界面美化等功能。该工具支持多种匹配规则，可以针对特定网站或全局网页进行定制化开发。
+
+## 主要功能
+
+### 1. 脚本管理
+- 创建新脚本
+- 编辑现有脚本
+- 导入导出脚本
+- 启用/停用脚本
+- 删除脚本
+
+### 2. 匹配规则
+- 精确网址匹配
+- 通配符匹配
+- 正则表达式匹配
+- 多规则组合
+- 规则测试
+
+### 3. 脚本功能
+- 自定义JavaScript代码
+- 依赖脚本引入
+- 自动刷新设置
+- 实时生效
+- 错误提示
+
+### 4. 开发辅助
+- 代码编辑器
+- 语法高亮
+- 自动保存
+- 示例代码
+- 开发文档
+
+## 使用说明
+
+### 基本使用
+1. 创建新脚本
+2. 设置匹配规则
+3. 编写注入代码
+4. 保存并启用
+5. 查看效果
+
+### 脚本创建方式
+1. **新建脚本**：
+   - 点击"创建猴子"
+   - 填写脚本信息
+   - 编写注入代码
+   - 保存并启用
+
+2. **导入脚本**：
+   - 点击"导入猴子"
+   - 选择脚本文件
+   - 确认导入
+   - 启用脚本
+
+3. **示例脚本**：
+   - 点击"来个Demo尝尝"
+   - 查看示例代码
+   - 学习使用方法
+   - 基于示例开发
+
+## 使用技巧
+
+1. **匹配规则**：
+   - 使用精确URL
+   - 使用通配符
+   - 使用正则表达式
+   - 测试规则有效性
+
+2. **脚本编写**：
+   - 使用JavaScript
+   - 引入依赖库
+   - 处理页面元素
+   - 添加错误处理
+
+3. **自动刷新**：
+   - 设置刷新间隔
+   - 选择合适频率
+   - 避免频繁刷新
+   - 考虑性能影响
+
+## 适用场景
+
+1. **页面定制**：
+   - 界面美化
+   - 功能增强
+   - 广告过滤
+   - 内容修改
+
+2. **自动化操作**：
+   - 自动填表
+   - 自动点击
+   - 数据采集
+   - 定时任务
+
+3. **开发调试**：
+   - 页面测试
+   - 功能验证
+   - 性能分析
+   - 问题排查
+
+## 注意事项
+
+1. 注意脚本安全性
+2. 避免影响页面性能
+3. 定期检查脚本有效性
+4. 备份重要脚本
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用CodeMirror编辑器
+- 支持Chrome存储API
+- 提供完整的开发环境
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本脚本管理
+- 提供代码编辑器
+
+### v1.1.0
+- 添加自动刷新
+- 优化编辑器功能
+- 改进用户界面
+
+### v1.2.0
+- 添加依赖脚本
+- 支持脚本导入导出
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 如何创建新脚本？**
+   A: 点击"创建猴子"按钮，填写脚本信息并编写代码即可。
+
+2. **Q: 支持哪些匹配规则？**
+   A: 支持精确URL、通配符和正则表达式等多种匹配方式。
+
+3. **Q: 如何导入已有脚本？**
+   A: 点击"导入猴子"按钮，选择脚本文件即可导入。
+
+4. **Q: 脚本如何生效？**
+   A: 保存脚本后，在匹配的网页上会自动注入并执行。
+
+## 最佳实践
+
+1. **脚本开发**：
+   - 规划脚本功能
+   - 编写清晰代码
+   - 添加错误处理
+   - 测试脚本效果
+
+2. **规则设置**：
+   - 使用精确匹配
+   - 避免规则冲突
+   - 测试规则有效性
+   - 定期更新规则
+
+3. **性能优化**：
+   - 控制脚本大小
+   - 优化执行效率
+   - 避免频繁操作
+   - 及时清理资源 

docs/page-timing.md

@@ -0,0 +1 @@
+ 

docs/password.md

@@ -0,0 +1,152 @@
+# 随机密码生成工具
+
+## 工具简介
+
+随机密码生成工具是一个专业的密码生成器，能够根据用户需求生成高强度的随机密码。该工具支持自定义密码组成元素和长度，生成的密码具有高度的随机性和安全性，特别适合需要创建安全密码的场景。
+
+## 主要功能
+
+### 1. 密码元素选择
+- 支持数字（0-9）
+- 支持小写字母（a-z）
+- 支持大写字母（A-Z）
+- 支持特殊符号（~!@#$%^&*等）
+- 可自由组合以上元素
+
+### 2. 密码长度设置
+- 支持自定义密码长度
+- 默认长度为16位
+- 无长度上限限制
+- 实时预览生成结果
+
+### 3. 随机性保证
+- 使用加密级随机数生成
+- 避免字符重复出现
+- 确保密码元素分布均匀
+- 保证密码的不可预测性
+
+### 4. 便捷操作
+- 一键生成新密码
+- 一键复制密码
+- 实时预览密码
+- 支持鼠标悬停选中
+
+## 使用说明
+
+### 基本使用
+1. 选择需要的密码元素（数字/大小写字母/特殊符号）
+2. 设置期望的密码长度
+3. 点击"生成随机密码"按钮
+4. 查看生成的密码
+5. 点击"复制"按钮使用密码
+
+### 密码元素说明
+- 数字：0-9
+- 小写字母：a-z
+- 大写字母：A-Z
+- 特殊符号：~!@#$%^&*()[{]}-_=+\|;:\'\",<.>/?`
+
+## 使用技巧
+
+1. **密码强度**：
+   - 建议同时选择多种字符类型
+   - 密码长度建议不少于12位
+   - 特殊符号可以增加密码强度
+   - 避免使用容易猜测的组合
+
+2. **快速操作**：
+   - 使用快捷键复制密码
+   - 鼠标悬停自动选中密码
+   - 一键重新生成新密码
+   - 复制成功有提示信息
+
+3. **安全建议**：
+   - 不同网站使用不同密码
+   - 定期更换重要密码
+   - 避免使用个人信息
+   - 妥善保管生成的密码
+
+## 适用场景
+
+1. **账号注册**：
+   - 网站账号注册
+   - 应用账号创建
+   - 邮箱密码设置
+   - 社交账号密码
+
+2. **系统管理**：
+   - 服务器密码
+   - 数据库密码
+   - 管理员账号
+   - 系统密钥
+
+3. **安全防护**：
+   - 加密文件密码
+   - 安全证书密码
+   - 加密通信密钥
+   - 安全存储密码
+
+## 注意事项
+
+1. 生成的密码请妥善保管
+2. 建议使用密码管理器保存
+3. 重要账号密码建议定期更换
+4. 避免在不安全的环境使用
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用加密级随机数生成
+- 支持现代浏览器API
+- 提供友好的用户界面
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本密码生成功能
+- 提供多种字符类型选择
+
+### v1.1.0
+- 优化随机算法
+- 添加复制功能
+- 改进用户界面
+
+### v1.2.0
+- 添加密码强度提示
+- 优化复制体验
+- 提升生成效率
+
+## 常见问题
+
+1. **Q: 生成的密码安全吗？**
+   A: 是的，工具使用加密级随机数生成，确保密码的随机性和安全性。
+
+2. **Q: 如何生成更安全的密码？**
+   A: 建议同时选择多种字符类型，并设置较长的密码长度（建议12位以上）。
+
+3. **Q: 可以生成特定格式的密码吗？**
+   A: 目前支持自定义字符类型和长度，但不支持特定格式的密码生成。
+
+4. **Q: 生成的密码会重复吗？**
+   A: 工具会尽量避免字符重复，但由于随机性，理论上可能存在重复，但概率极低。
+
+## 最佳实践
+
+1. **密码生成**：
+   - 选择多种字符类型
+   - 设置合适的密码长度
+   - 避免使用个人信息
+   - 定期更换重要密码
+
+2. **密码管理**：
+   - 使用密码管理器
+   - 分类保存不同用途
+   - 定期更新密码
+   - 做好备份工作
+
+3. **安全使用**：
+   - 在安全环境使用
+   - 及时清除剪贴板
+   - 避免明文传输
+   - 注意密码保护 

docs/poster-maker.md

@@ -0,0 +1,168 @@
+# 海报快速生成工具
+
+## 工具简介
+
+海报快速生成工具是一个专业的营销海报制作工具，支持多种社交媒体平台的海报模板，如朋友圈、小红书等。该工具提供了丰富的模板、自定义文字、图片和配色功能，帮助用户快速创建精美的营销推广海报。
+
+## 主要功能
+
+### 1. 模板系统
+- 朋友圈模板
+- 小红书模板
+- 自定义模板
+- 模板预览
+- 模板管理
+
+### 2. 编辑功能
+- 文字编辑
+- 图片上传
+- 背景设置
+- 元素拖拽
+- 图层管理
+
+### 3. 样式定制
+- 字体选择
+- 颜色搭配
+- 布局调整
+- 特效添加
+- 滤镜应用
+
+### 4. 导出功能
+- 图片导出
+- 格式选择
+- 尺寸调整
+- 质量设置
+- 批量导出
+
+## 使用说明
+
+### 基本使用
+1. 选择模板
+2. 编辑内容
+3. 调整样式
+4. 预览效果
+5. 导出海报
+
+### 编辑方式
+1. **文字编辑**：
+   - 输入文字内容
+   - 选择字体样式
+   - 调整文字大小
+   - 设置文字颜色
+
+2. **图片处理**：
+   - 上传本地图片
+   - 调整图片大小
+   - 应用图片滤镜
+   - 设置图片位置
+
+3. **样式设置**：
+   - 选择配色方案
+   - 调整布局结构
+   - 添加装饰元素
+   - 设置背景效果
+
+## 使用技巧
+
+1. **模板选择**：
+   - 根据平台选择
+   - 考虑目标受众
+   - 注意品牌调性
+   - 保持风格统一
+
+2. **内容设计**：
+   - 突出核心信息
+   - 保持简洁清晰
+   - 注意视觉层次
+   - 优化阅读体验
+
+3. **效果优化**：
+   - 合理使用滤镜
+   - 注意色彩搭配
+   - 保持画面平衡
+   - 突出重点内容
+
+## 适用场景
+
+1. **营销推广**：
+   - 产品宣传
+   - 活动推广
+   - 品牌展示
+   - 节日营销
+
+2. **社交媒体**：
+   - 朋友圈分享
+   - 小红书笔记
+   - 微博配图
+   - 公众号封面
+
+3. **个人创作**：
+   - 生活记录
+   - 旅行分享
+   - 美食展示
+   - 心情表达
+
+## 注意事项
+
+1. 注意版权问题
+2. 控制图片大小
+3. 保持画面简洁
+4. 注意导出质量
+
+## 技术实现
+
+- 基于Canvas实现
+- 使用Vue.js开发
+- 支持图片处理
+- 提供完整API
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本模板
+- 提供编辑功能
+
+### v1.1.0
+- 添加更多模板
+- 优化编辑体验
+- 改进用户界面
+
+### v1.2.0
+- 添加特效功能
+- 支持批量导出
+- 提升使用体验
+
+## 常见问题
+
+1. **Q: 支持哪些图片格式？**
+   A: 支持JPG、PNG、WEBP等常见图片格式。
+
+2. **Q: 如何调整图片大小？**
+   A: 可以通过拖拽或输入具体尺寸来调整图片大小。
+
+3. **Q: 如何保存海报？**
+   A: 点击导出按钮，选择需要的格式和质量即可保存。
+
+4. **Q: 如何添加特效？**
+   A: 在编辑面板中选择特效选项，可以添加各种视觉效果。
+
+## 最佳实践
+
+1. **设计原则**：
+   - 保持简洁
+   - 突出重点
+   - 注意平衡
+   - 统一风格
+
+2. **内容组织**：
+   - 合理布局
+   - 层次分明
+   - 重点突出
+   - 易于阅读
+
+3. **效果优化**：
+   - 适当使用特效
+   - 注意色彩搭配
+   - 保持画面协调
+   - 突出主题内容 

docs/postman.md

@@ -0,0 +1,136 @@
+# Postman接口调试工具
+
+## 简介
+Postman接口调试工具是FeHelper提供的一个强大且易用的HTTP接口调试工具，支持GET、POST、PUT、DELETE等多种请求方式，适合前后端开发、接口联调、接口测试等场景。支持请求参数、请求头、响应预览、历史记录等功能。
+
+## 主要功能
+
+### 请求支持
+1. **多种请求方式**
+   - 支持GET、POST、PUT、DELETE等常用HTTP方法
+   - 支持自定义请求方法
+
+2. **参数设置**
+   - 支持URL参数、Body参数、Header参数
+   - 支持表单、JSON、x-www-form-urlencoded等多种格式
+   - 支持文件上传
+
+3. **请求头管理**
+   - 支持自定义请求头
+   - 支持常用Header快捷添加
+
+### 响应处理
+1. **响应预览**
+   - 支持JSON、XML、HTML、纯文本等多种格式高亮显示
+   - 支持响应内容折叠、展开
+   - 支持响应时间、状态码、Header查看
+
+2. **历史记录**
+   - 自动保存请求历史
+   - 支持历史请求一键重发
+   - 支持历史记录搜索与管理
+
+3. **数据导出导入**
+   - 支持请求用例导出为JSON
+   - 支持用例批量导入
+
+### 其他功能
+1. **环境变量**
+   - 支持自定义环境变量
+   - 变量可用于URL、Header、Body等
+
+2. **接口分组**
+   - 支持接口分组管理
+   - 便于团队协作
+
+3. **界面交互**
+   - 响应式设计，适配不同分辨率
+   - 支持快捷键操作
+
+## 使用说明
+
+### 基本使用
+1. 新建请求
+   - 选择请求方法（GET/POST等）
+   - 输入接口URL
+   - 设置请求参数和Header
+   - 点击"发送"按钮
+
+2. 查看响应
+   - 响应内容自动高亮显示
+   - 可切换不同格式预览
+   - 查看响应Header、状态码、耗时等
+
+3. 管理历史
+   - 历史请求自动保存
+   - 可一键重发历史请求
+   - 支持删除、搜索历史记录
+
+### 高级功能
+1. **用例管理**
+   - 导出请求用例为JSON
+   - 批量导入用例
+   - 用于团队共享
+
+2. **环境变量**
+   - 设置全局变量
+   - 在请求中引用变量
+   - 便于多环境切换
+
+3. **接口分组**
+   - 创建分组管理接口
+   - 支持批量操作
+
+## 使用技巧
+1. **高效调试**
+   - 利用历史记录快速回测
+   - 用变量管理不同环境
+   - 批量导入导出用例
+
+2. **格式化响应**
+   - JSON/XML响应自动高亮
+   - 支持折叠、复制
+
+3. **团队协作**
+   - 用例导出后可共享给同事
+   - 分组管理便于多人协作
+
+## 注意事项
+1. 使用限制
+   - 单次请求体积建议不超过10MB
+   - 过大响应可能影响性能
+
+2. 兼容性
+   - 支持主流浏览器
+   - 建议使用最新版Chrome
+
+3. 安全性
+   - 注意敏感信息保护
+   - 不建议在公共环境保存敏感用例
+
+## 常见问题
+1. **Q: 为什么请求失败？**
+   A: 检查接口地址、参数、Header设置，或后端服务是否可用。
+
+2. **Q: 如何导出/导入用例？**
+   A: 在用例管理区点击导出/导入按钮，选择JSON文件即可。
+
+3. **Q: 响应内容乱码怎么办？**
+   A: 检查响应Header中的编码设置，或尝试切换预览格式。
+
+## 更新日志
+- 2024-03-21: 优化响应高亮与历史管理
+- 2024-03-20: 增加用例导入导出功能
+- 2024-03-19: 改进参数设置体验
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [WebSocket工具](../websocket.md)
+- [编码转换工具](../en-decode.md)
+- [JSON格式化工具](../json-format.md) 

docs/qr-code.md

@@ -0,0 +1,116 @@
+# 二维码工具
+
+## 简介
+二维码工具是FeHelper提供的一个多功能工具，支持二维码的生成和解码功能。该工具提供了直观的用户界面，让用户可以轻松地生成自定义二维码，也可以快速解码已有的二维码图片。
+
+## 主要功能
+
+### 二维码生成功能
+1. **内容输入**
+   - 支持输入任意文本内容
+   - 支持URL地址
+   - 支持特殊字符
+
+2. **自定义设置**
+   - 可调整二维码尺寸
+   - 可自定义二维码颜色
+   - 支持添加中心图标
+     * 使用默认图标
+     * 上传自定义图标
+     * 无图标选项
+
+3. **结果处理**
+   - 实时预览生成的二维码
+   - 支持复制二维码图片
+   - 支持下载二维码图片
+
+### 二维码解码功能
+1. **图片输入方式**
+   - 点击选择本地图片
+   - 拖拽图片到指定区域
+   - 直接粘贴截图
+   - 粘贴图片URL地址
+
+2. **解码结果**
+   - 实时显示解码内容
+   - 支持复制解码结果
+   - 自动识别二维码类型
+
+## 使用说明
+
+### 生成二维码
+1. 打开工具后，默认进入"二维码生成器"模式
+2. 在左侧输入框中输入需要生成二维码的内容
+3. 在中间区域设置二维码参数：
+   - 调整尺寸（默认200px）
+   - 选择颜色（默认黑色）
+   - 选择是否添加中心图标
+4. 点击"生成二维码"按钮
+5. 在右侧预览区域查看生成的二维码
+6. 可以使用"复制"或"下载"按钮保存二维码
+
+### 解码二维码
+1. 点击右上角"切换为解码/扫码模式"按钮
+2. 通过以下任一方式输入二维码图片：
+   - 点击"选择图片"按钮选择本地图片
+   - 将图片拖拽到指定区域
+   - 复制图片后直接粘贴
+   - 复制图片URL后粘贴
+3. 右侧会显示解码结果
+4. 点击结果文本框可自动选中全部内容
+
+## 使用技巧
+1. **快速生成**
+   - 直接输入URL生成二维码
+   - 使用默认设置快速生成
+   - 复制生成的二维码图片
+
+2. **自定义美化**
+   - 调整二维码尺寸适应不同场景
+   - 使用自定义颜色增加辨识度
+   - 添加品牌图标提升专业度
+
+3. **批量处理**
+   - 快速解码多个二维码
+   - 批量生成不同内容的二维码
+   - 保存常用设置
+
+## 注意事项
+1. 图片格式支持
+   - 支持jpg、jpeg、gif、png、bmp格式
+   - 建议使用清晰、对比度高的图片
+
+2. 二维码内容限制
+   - 内容长度影响二维码复杂度
+   - 特殊字符可能需要正确编码
+
+3. 图片大小限制
+   - 建议使用小于5MB的图片
+   - 过大的图片可能影响处理速度
+
+## 常见问题
+1. **Q: 为什么生成的二维码无法扫描？**
+   A: 可能原因包括：内容过长、二维码尺寸过小、颜色对比度不足等。
+
+2. **Q: 支持哪些类型的二维码？**
+   A: 支持标准QR码、Data Matrix、Aztec等多种格式。
+
+3. **Q: 如何提高二维码的识别率？**
+   A: 建议使用合适的尺寸、保持足够的留白、选择对比度高的颜色。
+
+## 更新日志
+- 2024-03-21: 优化二维码生成性能
+- 2024-03-20: 添加自定义图标功能
+- 2024-03-19: 支持拖拽上传图片
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [图片Base64转换工具](../image-base64.md)
+- [图片处理工具](../image-tools.md)
+- [编码转换工具](../encoding-converter.md) 

docs/regexp.md

@@ -0,0 +1,165 @@
+# 正则表达式工具
+
+## 简介
+正则表达式工具是FeHelper提供的一个强大的正则表达式速查工具，支持多种编程语言的正则表达式格式。该工具提供了丰富的正则表达式模板，涵盖了验证、提取、替换、格式化等多个场景，帮助开发者快速找到所需的正则表达式。
+
+## 主要功能
+
+### 验证类正则
+1. **基础验证**
+   - 邮箱验证
+   - 手机号验证
+   - 固定电话验证
+   - URL验证
+   - 身份证验证
+   - IPv4地址验证
+   - 日期验证
+
+2. **数字验证**
+   - 数字验证
+   - n位数字验证
+   - 至少n位数字验证
+   - 数字位数范围验证
+   - 小数验证
+   - 整数验证
+
+3. **身份验证**
+   - 中文姓名验证
+   - 英文姓名验证
+   - 用户名验证
+   - 强密码验证
+
+4. **特殊格式验证**
+   - MAC地址验证
+   - 16进制颜色验证
+   - 版本号验证
+
+### 提取类正则
+1. **文本提取**
+   - HTML标签提取
+   - 图片URL提取
+   - 中文字符提取
+   - 数字提取
+   - 邮箱地址提取
+   - 链接提取
+
+2. **特殊值提取**
+   - 颜色值提取
+   - IP地址提取
+
+### 替换类正则
+1. **文本处理**
+   - 去除首尾空格
+   - 去除HTML标签
+   - 去除Script标签
+   - 去除多余空格
+   - 去除注释
+
+2. **格式转换**
+   - 驼峰命名转换
+
+### 格式化类正则
+1. **数据格式化**
+   - 金额格式化
+   - 手机号格式化
+   - 日期格式化
+   - 银行卡格式化
+   - 身份证格式化
+
+### 特殊字符类正则
+1. **字符处理**
+   - Emoji表情
+   - 特殊字符
+   - Unicode字符
+   - 不可见字符
+
+### 编程相关正则
+1. **代码处理**
+   - 变量命名
+   - 函数声明
+   - JSON格式
+   - XML标签
+   - CSS选择器
+
+## 使用说明
+
+### 查找正则表达式
+1. 使用搜索框
+   - 在顶部搜索框中输入关键词
+   - 支持模糊搜索
+   - 实时显示匹配结果
+
+2. 按类别浏览
+   - 点击左侧类别导航
+   - 查看该类别下的所有正则表达式
+   - 点击具体项目查看详情
+
+### 使用正则表达式
+1. 查看详情
+   - 点击正则表达式项目
+   - 弹出详情模态框
+   - 显示多语言版本
+
+2. 复制使用
+   - 选择需要的编程语言版本
+   - 点击复制按钮
+   - 直接粘贴到代码中使用
+
+## 使用技巧
+1. **快速查找**
+   - 使用搜索功能快速定位
+   - 按类别浏览相关正则
+   - 收藏常用正则表达式
+
+2. **多语言支持**
+   - 支持JavaScript、Python、PHP、Java
+   - 自动转换语言格式
+   - 保持正则表达式功能一致
+
+3. **正则测试**
+   - 在详情页查看使用说明
+   - 了解正则表达式的匹配规则
+   - 参考示例进行测试
+
+## 注意事项
+1. 语言差异
+   - 不同语言的正则语法可能有差异
+   - 注意转义字符的使用
+   - 考虑语言特定的限制
+
+2. 性能考虑
+   - 避免过于复杂的正则表达式
+   - 注意正则表达式的执行效率
+   - 合理使用贪婪和非贪婪匹配
+
+3. 兼容性
+   - 注意不同浏览器的兼容性
+   - 考虑不同编程语言的版本差异
+   - 测试正则表达式的通用性
+
+## 常见问题
+1. **Q: 为什么同一个正则表达式在不同语言中格式不同？**
+   A: 不同编程语言对正则表达式的语法要求不同，工具会自动转换为对应语言的格式。
+
+2. **Q: 如何测试正则表达式的正确性？**
+   A: 可以使用在线正则表达式测试工具，或在实际代码中进行测试。
+
+3. **Q: 正则表达式支持哪些特殊字符？**
+   A: 支持常见的特殊字符，如点号、星号、加号等，具体可查看特殊字符类正则。
+
+## 更新日志
+- 2024-03-21: 优化正则表达式搜索功能
+- 2024-03-20: 添加更多编程语言支持
+- 2024-03-19: 新增特殊字符类正则
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [代码格式化工具](../code-beautify.md)
+- [代码压缩工具](../code-compress.md)
+- [编码转换工具](../encoding-converter.md) 

docs/screenshot.md

@@ -0,0 +1,143 @@
+# 截图工具
+
+## 简介
+截图工具是FeHelper提供的一个专业网页截屏工具，支持全页截图、可视区域截图、长网页拼接、图片保存等多种功能。该工具适用于网页内容归档、技术文档编写、产品演示等多种场景，操作简单，效果专业。
+
+## 主要功能
+
+### 截图类型
+1. **全页截图**
+   - 支持长网页完整截取
+   - 自动滚动拼接
+   - 保持原始页面比例
+   - 适合内容归档
+
+2. **可视区域截图**
+   - 仅截取当前可见区域
+   - 快速保存重点内容
+   - 操作便捷
+
+3. **区域自定义截图**
+   - 支持自定义选择区域
+   - 精准截取所需内容
+   - 适合局部演示
+
+### 图片处理
+1. **多图拼接**
+   - 自动垂直拼接多张截图
+   - 保持图片清晰度
+   - 智能对齐
+
+2. **图片预览**
+   - 实时预览截图结果
+   - 支持缩放查看
+   - 背景色自定义
+
+3. **图片保存**
+   - 一键保存为PNG格式
+   - 支持自定义文件名
+   - 下载到本地
+
+### 操作与交互
+1. **右键菜单集成**
+   - 通过浏览器右键菜单快速启动
+   - 支持快捷键
+   - 初次安装建议重启浏览器
+
+2. **界面友好**
+   - 直观操作面板
+   - 进度提示与错误反馈
+   - 支持打赏和工具市场入口
+
+3. **权限管理**
+   - 按需申请下载权限
+   - 安全可靠
+
+## 使用说明
+
+### 基本使用
+1. 启动截图
+   - 通过右键菜单选择"网页截屏"
+   - 或在工具页面点击启动按钮
+
+2. 选择截图类型
+   - 全页截图：自动滚动并拼接
+   - 可视区域截图：截取当前屏幕内容
+   - 自定义区域截图：手动选择区域
+
+3. 预览与保存
+   - 截图完成后自动预览
+   - 点击"保存图片到本地"按钮
+   - 选择保存路径和文件名
+
+### 高级功能
+1. **多图拼接**
+   - 长网页自动分段截图并拼接
+   - 保证图片无缝衔接
+
+2. **图片编辑**
+   - 支持简单裁剪
+   - 可导出为PNG
+
+3. **异常处理**
+   - 截图失败自动提示
+   - 支持重试
+
+## 使用技巧
+1. **提高效率**
+   - 利用右键菜单一键截屏
+   - 批量保存多张截图
+   - 结合其他工具进行图片处理
+
+2. **优化截图效果**
+   - 截图前关闭弹窗和浮层
+   - 保持页面稳定
+   - 调整浏览器缩放比例
+
+3. **文件管理**
+   - 合理命名文件
+   - 分类保存截图
+   - 便于后续查找
+
+## 注意事项
+1. 使用限制
+   - 某些特殊页面（如chrome扩展页面）无法截屏
+   - 超长网页可能因内存限制导致失败
+   - 建议单次截图不超过50000像素高度
+
+2. 兼容性
+   - 支持主流浏览器
+   - 建议使用最新版Chrome
+   - 某些页面需刷新后重试
+
+3. 性能考虑
+   - 大尺寸截图需耐心等待
+   - 处理大图时注意内存占用
+   - 避免多任务同时截屏
+
+## 常见问题
+1. **Q: 为什么有些页面无法截屏？**
+   A: 可能是浏览器安全策略限制，或页面内容为特殊协议（如chrome://），建议更换页面或刷新重试。
+
+2. **Q: 截图后图片不完整怎么办？**
+   A: 检查页面是否有浮动层、弹窗等遮挡，建议关闭后再试。
+
+3. **Q: 如何保存为其他格式？**
+   A: 当前支持PNG格式，如需其他格式可用第三方工具转换。
+
+## 更新日志
+- 2024-03-21: 优化拼接算法，提升大图处理性能
+- 2024-03-20: 增加自定义区域截图功能
+- 2024-03-19: 改进图片预览与保存体验
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [图片Base64转换工具](../image-base64.md)
+- [SVG转换工具](../svg-converter.md)
+- [颜色转换工具](../trans-color.md) 

docs/sticky-notes.md

@@ -0,0 +1,141 @@
+# 便签工具
+
+## 简介
+便签工具是FeHelper提供的一个轻量级网页便签笔记工具，支持多标签管理、文件夹分类、内容导入导出、批量删除等功能。适合日常备忘、灵感记录、任务管理等多种场景，数据本地存储，安全可靠。
+
+## 主要功能
+
+### 便签管理
+1. **新建便签**
+   - 一键新建便签
+   - 支持多标签并存
+   - 自动记录创建时间
+
+2. **编辑与保存**
+   - 支持富文本编辑（部分标签）
+   - 自动保存内容
+   - 编辑未保存时离开有提示
+
+3. **删除便签**
+   - 单条删除
+   - 批量全部删除
+   - 删除前确认，防止误删
+
+### 分类与文件夹
+1. **文件夹管理**
+   - 支持新建、切换、删除文件夹
+   - 文件夹内便签独立管理
+   - 文件夹计数显示
+
+2. **便签归类**
+   - 便签可归属不同文件夹
+   - 支持跨文件夹移动
+
+### 导入导出
+1. **导出便签**
+   - 一键导出全部便签为zip包
+   - 便于备份和迁移
+
+2. **导入便签**
+   - 支持zip包一键导入
+   - 仅支持本工具导出的格式
+
+### 视图与交互
+1. **折叠/预览模式**
+   - 支持便签折叠与展开
+   - 便于快速浏览
+
+2. **便签放大/关闭**
+   - 支持便签放大编辑
+   - ESC键快速关闭
+
+3. **批量操作**
+   - 批量删除、批量导出
+   - 文件夹批量切换
+
+## 使用说明
+
+### 基本使用
+1. 新建便签
+   - 点击"新建笔记"按钮
+   - 输入内容并保存
+
+2. 编辑与删除
+   - 点击便签内容可放大编辑
+   - 编辑完成后保存
+   - 点击删除按钮可删除单条便签
+
+3. 文件夹管理
+   - 点击"新建文件夹"创建新分类
+   - 左侧切换不同文件夹
+   - 文件夹内便签独立管理
+
+4. 导入导出
+   - 点击"全部导出"备份所有便签
+   - 点击"一键导入"恢复便签
+
+### 高级功能
+1. **批量管理**
+   - 批量删除全部便签
+   - 批量导出/导入
+
+2. **快捷操作**
+   - ESC键关闭放大便签
+   - 鼠标悬停显示关闭按钮
+
+3. **内容安全**
+   - 离开页面前自动提示未保存内容
+   - 本地存储，数据安全
+
+## 使用技巧
+1. **高效分类**
+   - 合理使用文件夹管理不同主题
+   - 便于查找和归档
+
+2. **内容备份**
+   - 定期导出便签，防止数据丢失
+   - 导入功能便于多设备迁移
+
+3. **便捷编辑**
+   - 放大模式下编辑更方便
+   - 支持部分富文本标签
+
+## 注意事项
+1. 使用限制
+   - 单个便签数量建议不超过10000条
+   - 内容过多可能影响性能
+
+2. 兼容性
+   - 支持主流浏览器
+   - 建议使用最新版Chrome
+
+3. 数据安全
+   - 数据本地存储，清理浏览器缓存会丢失数据
+   - 导出备份可防止意外丢失
+
+## 常见问题
+1. **Q: 便签内容丢失怎么办？**
+   A: 检查是否清理了浏览器缓存，建议定期导出备份。
+
+2. **Q: 导入zip包失败？**
+   A: 仅支持本工具导出的zip包，确保格式正确。
+
+3. **Q: 如何批量删除便签？**
+   A: 点击"全部删除"按钮即可，操作前请备份。
+
+## 更新日志
+- 2024-03-21: 优化导入导出体验
+- 2024-03-20: 增加文件夹批量管理功能
+- 2024-03-19: 改进便签编辑交互
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [截图工具](../screenshot.md)
+- [SVG转换工具](../svg-converter.md)
+- [JSON格式化工具](../json-format.md) 

docs/svg-converter.md

@@ -0,0 +1,151 @@
+# SVG转换工具
+
+## 简介
+SVG转换工具是FeHelper提供的一个专业的SVG文件转换工具，支持将SVG格式转换为PNG、JPG、WEBP等常见图片格式。该工具提供了直观的界面和丰富的转换选项，帮助用户轻松完成SVG文件的转换工作。
+
+## 主要功能
+
+### 输入方式
+1. **文件上传**
+   - 支持拖拽上传
+   - 点击上传按钮
+   - 支持.svg格式文件
+
+2. **URL导入**
+   - 支持从网络URL加载SVG
+   - 自动下载并解析
+   - 支持HTTPS链接
+
+3. **代码粘贴**
+   - 支持直接粘贴SVG代码
+   - 自动解析SVG内容
+   - 实时预览效果
+
+### 转换选项
+1. **输出格式**
+   - PNG格式（支持透明背景）
+   - JPG格式（适合照片类图片）
+   - WEBP格式（更小的文件体积）
+
+2. **尺寸设置**
+   - 自定义宽度（像素）
+   - 自定义高度（像素）
+   - 保持原始比例
+   - 自动计算尺寸
+
+3. **预览功能**
+   - 实时预览SVG源文件
+   - 实时预览转换结果
+   - 支持缩放查看
+
+### 文件信息
+1. **源文件信息**
+   - 文件尺寸
+   - 文件大小
+   - 文件类型
+   - 原始比例
+
+2. **转换结果信息**
+   - 输出尺寸
+   - 文件大小
+   - 格式信息
+   - 大小变化对比
+
+## 使用说明
+
+### 基本使用
+1. 导入SVG文件
+   - 拖拽文件到指定区域
+   - 点击上传按钮选择文件
+   - 粘贴SVG代码
+   - 输入SVG文件URL
+
+2. 设置转换参数
+   - 选择输出格式
+   - 设置输出尺寸
+   - 调整其他选项
+
+3. 执行转换
+   - 点击转换按钮
+   - 等待处理完成
+   - 查看转换结果
+
+4. 下载结果
+   - 预览转换后的图片
+   - 点击下载按钮
+   - 保存到本地
+
+### 高级功能
+1. **批量处理**
+   - 支持多个文件同时转换
+   - 保持原始文件名
+   - 批量下载结果
+
+2. **智能优化**
+   - 自动优化SVG代码
+   - 压缩输出文件
+   - 保持图片质量
+
+3. **错误处理**
+   - 自动检测SVG错误
+   - 提供错误提示
+   - 支持重新转换
+
+## 使用技巧
+1. **提高转换质量**
+   - 使用高质量源文件
+   - 选择合适的输出格式
+   - 保持适当的输出尺寸
+
+2. **优化文件大小**
+   - 选择WEBP格式
+   - 适当压缩图片
+   - 删除不必要的元素
+
+3. **提高效率**
+   - 使用快捷键操作
+   - 保存常用设置
+   - 批量处理文件
+
+## 注意事项
+1. 文件限制
+   - 建议文件大小不超过10MB
+   - 支持标准SVG格式
+   - 注意内存使用
+
+2. 格式兼容
+   - 检查浏览器支持
+   - 注意格式特性
+   - 考虑兼容性问题
+
+3. 性能考虑
+   - 大文件可能处理较慢
+   - 复杂SVG需要更多资源
+   - 注意系统负载
+
+## 常见问题
+1. **Q: 转换后的图片质量不理想怎么办？**
+   A: 可以尝试调整输出尺寸，或选择更高质量的格式。
+
+2. **Q: 为什么某些SVG无法正确转换？**
+   A: 可能是SVG代码不规范或包含特殊元素，建议检查SVG代码。
+
+3. **Q: 如何处理大文件转换？**
+   A: 建议将大文件分段处理，或使用其他专业工具。
+
+## 更新日志
+- 2024-03-21: 优化转换性能
+- 2024-03-20: 添加WEBP格式支持
+- 2024-03-19: 改进文件信息显示
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [图片Base64转换工具](../image-base64.md)
+- [图片处理工具](../image-processor.md)
+- [代码格式化工具](../code-beautify.md) 

docs/timestamp.md

@@ -0,0 +1,131 @@
+# 时间戳转换工具
+
+## 工具简介
+
+时间戳转换工具是一个功能强大的时间处理工具，支持本地时间与Unix时间戳之间的相互转换，并提供全球时区时钟显示功能。该工具特别适合开发者在处理时间相关数据时使用，能够快速准确地进行各种时间格式的转换。
+
+## 主要功能
+
+### 1. 实时时间显示
+- 实时显示当前本地时间
+- 实时显示当前Unix时间戳（秒级和毫秒级）
+- 支持暂停/继续时间更新
+- 点击时间戳可快速复制到剪贴板
+
+### 2. Unix时间戳转本地时间
+- 支持输入秒级或毫秒级时间戳
+- 自动根据时区设置进行转换
+- 转换结果支持毫秒级精度显示
+- 点击结果可快速复制
+
+### 3. 本地时间转Unix时间戳
+- 支持多种时间格式输入
+- 自动补全时间（如只输入日期，自动补全为当天00:00:00）
+- 支持输出秒级或毫秒级时间戳
+- 点击结果可快速复制
+
+### 4. 全球时区时钟
+- 支持24个主要时区的实时时间显示
+- 包含全球主要城市和地区
+- 时区范围：GMT-12 到 GMT+12
+- 实时更新，精确到秒
+
+### 5. 时区设置
+- 支持手动选择当前时区
+- 提供全球主要时区选项
+- 时区设置会影响所有转换结果
+- 默认使用系统当前时区
+
+## 使用说明
+
+### 时间戳转本地时间
+1. 在输入框中输入Unix时间戳
+2. 选择时间戳单位（秒/毫秒）
+3. 点击"转换"按钮
+4. 查看转换结果，点击可复制
+
+### 本地时间转时间戳
+1. 在输入框中输入本地时间（格式：YYYY-MM-DD HH:mm:ss）
+2. 点击"转换"按钮
+3. 选择输出时间戳单位（秒/毫秒）
+4. 查看转换结果，点击可复制
+
+### 全球时钟查看
+- 工具底部提供全球主要时区的实时时间显示
+- 时间每秒钟自动更新
+- 支持查看任意时区的当前时间
+
+## 使用技巧
+
+1. **快速复制**：所有时间戳和转换结果都支持点击复制，方便开发使用
+
+2. **时间格式**：
+   - 支持标准格式：YYYY-MM-DD HH:mm:ss
+   - 支持简写格式：YYYY-MM-DD（自动补全为当天00:00:00）
+   - 支持毫秒显示：YYYY-MM-DD HH:mm:ss.SSS
+
+3. **时区处理**：
+   - 转换时会自动考虑时区因素
+   - 可以通过顶部时区选择器切换不同时区
+   - 时区切换后所有显示和转换结果都会相应更新
+
+4. **实时更新**：
+   - 当前时间显示支持暂停/继续
+   - 全球时钟实时更新，无需手动刷新
+
+## 适用场景
+
+1. **开发调试**：
+   - API接口时间参数转换
+   - 数据库时间字段处理
+   - 日志时间分析
+
+2. **跨时区协作**：
+   - 全球团队协作时间同步
+   - 国际会议时间安排
+   - 跨时区项目协调
+
+3. **数据分析**：
+   - 时间序列数据处理
+   - 日志时间分析
+   - 性能监控时间戳转换
+
+## 注意事项
+
+1. 时间戳输入必须是有效的数字
+2. 本地时间输入需要符合标准格式
+3. 时区切换会影响所有转换结果
+4. 毫秒级时间戳转换时注意单位选择
+
+## 技术实现
+
+- 基于Vue.js开发
+- 使用原生JavaScript处理时间计算
+- 支持实时更新和自动格式化
+- 提供友好的用户界面和交互体验
+
+## 更新日志
+
+### v1.0.0
+- 初始版本发布
+- 支持基本的时间戳转换功能
+- 支持全球时区时钟显示
+
+### v1.1.0
+- 添加毫秒级时间戳支持
+- 优化时区选择功能
+- 改进用户界面交互
+
+## 常见问题
+
+1. **Q: 为什么转换结果和预期不符？**
+   A: 请检查时区设置是否正确，转换结果会根据当前选择的时区进行计算。
+
+2. **Q: 如何输入毫秒级时间戳？**
+   A: 在时间戳输入框中选择"毫秒(ms)"单位，然后输入13位数字的时间戳。
+
+3. **Q: 时间显示不更新了怎么办？**
+   A: 检查是否点击了"暂停"按钮，点击"开始"即可恢复更新。
+
+4. **Q: 如何快速复制时间戳？**
+   A: 直接点击显示的时间戳或转换结果即可复制到剪贴板。 

docs/trans-color.md

@@ -0,0 +1,168 @@
+# 颜色转换工具
+
+## 简介
+颜色转换工具是FeHelper提供的一个专业的颜色格式转换工具，支持RGB/RGBA、HEX、HSL/HSLA、HSV/HSVA等多种颜色格式之间的相互转换。该工具提供了直观的界面和实时预览功能，帮助用户快速完成颜色格式的转换工作。
+
+## 主要功能
+
+### 颜色格式
+1. **HEX格式**
+   - 支持6位HEX
+   - 支持8位HEX（带透明度）
+   - 支持3位简写
+   - 支持4位简写
+
+2. **RGB格式**
+   - RGB颜色值
+   - RGBA带透明度
+   - 数值范围0-255
+   - Alpha值0-1
+
+3. **HSL格式**
+   - 色相（0-360）
+   - 饱和度（0-100%）
+   - 亮度（0-100%）
+   - 透明度（0-1）
+
+4. **HSV格式**
+   - 色相（0-360）
+   - 饱和度（0-100%）
+   - 明度（0-100%）
+   - 透明度（0-1）
+
+### 转换功能
+1. **实时转换**
+   - 输入即转换
+   - 实时预览
+   - 多格式同步
+   - 自动更新
+
+2. **透明度控制**
+   - 全局透明度调节
+   - 滑块控制
+   - 数值显示
+   - 实时预览
+
+3. **颜色预览**
+   - 实时颜色显示
+   - 多格式预览
+   - 背景色展示
+   - 对比效果
+
+### 输出功能
+1. **格式输出**
+   - 标准格式输出
+   - 复制到剪贴板
+   - 多格式同步
+   - 格式验证
+
+2. **复制功能**
+   - 一键复制
+   - 多格式复制
+   - 格式保持
+   - 错误提示
+
+## 使用说明
+
+### 基本使用
+1. 输入颜色
+   - 选择输入格式
+   - 输入颜色值
+   - 查看预览
+   - 确认输入
+
+2. 转换操作
+   - 自动转换
+   - 查看结果
+   - 复制结果
+   - 调整透明度
+
+3. 结果处理
+   - 查看转换结果
+   - 复制到剪贴板
+   - 导出结果
+   - 继续转换
+
+### 高级功能
+1. **颜色调整**
+   - 透明度调节
+   - 颜色微调
+   - 格式优化
+   - 结果验证
+
+2. **批量处理**
+   - 多颜色转换
+   - 格式统一
+   - 结果导出
+   - 批量复制
+
+3. **特殊处理**
+   - 特殊颜色值
+   - 格式兼容
+   - 错误处理
+   - 结果优化
+
+## 使用技巧
+1. **提高效率**
+   - 使用快捷键
+   - 快速复制
+   - 格式记忆
+   - 批量处理
+
+2. **颜色选择**
+   - 参考预览
+   - 对比效果
+   - 调整透明度
+   - 验证结果
+
+3. **格式转换**
+   - 选择合适格式
+   - 注意兼容性
+   - 保持精度
+   - 验证正确性
+
+## 注意事项
+1. 使用限制
+   - 注意数值范围
+   - 格式规范
+   - 特殊字符
+   - 精度保持
+
+2. 兼容性
+   - 浏览器支持
+   - 格式兼容
+   - 颜色显示
+   - 透明度处理
+
+3. 性能考虑
+   - 实时转换
+   - 内存使用
+   - 响应速度
+   - 资源占用
+
+## 常见问题
+1. **Q: 为什么某些颜色值转换后显示异常？**
+   A: 可能是输入格式不正确或数值超出范围，建议检查输入值是否符合格式要求。
+
+2. **Q: 如何处理带透明度的颜色？**
+   A: 可以使用全局透明度滑块调节，或直接在颜色值中包含透明度参数。
+
+3. **Q: 转换结果不准确怎么办？**
+   A: 检查输入格式是否正确，确保数值在有效范围内，必要时可以尝试其他格式。
+
+## 更新日志
+- 2024-03-21: 优化转换性能
+- 2024-03-20: 添加HSV格式支持
+- 2024-03-19: 改进颜色预览
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [颜色选择器](../color-picker.md)
+- [图片处理工具](../image-processor.md)
+- [Base64转换工具](../image-base64.md) 

docs/trans-radix.md

@@ -0,0 +1,163 @@
+# 进制转换工具
+
+## 简介
+进制转换工具是FeHelper提供的一个简单而强大的数字进制转换工具，支持2-36进制之间的相互转换。该工具提供了直观的界面和实时转换功能，帮助用户快速完成不同进制之间的转换工作。
+
+## 主要功能
+
+### 进制支持
+1. **常用进制**
+   - 二进制（2进制）
+   - 四进制（4进制）
+   - 八进制（8进制）
+   - 十进制（10进制）
+   - 十六进制（16进制）
+
+2. **扩展进制**
+   - 支持2-36进制
+   - 自定义进制选择
+   - 灵活切换
+   - 实时转换
+
+### 转换功能
+1. **实时转换**
+   - 输入即转换
+   - 自动更新
+   - 即时显示
+   - 结果验证
+
+2. **双向转换**
+   - 源进制选择
+   - 目标进制选择
+   - 快速切换
+   - 结果保持
+
+3. **数据验证**
+   - 输入检查
+   - 格式验证
+   - 错误提示
+   - 结果确认
+
+### 界面功能
+1. **输入输出**
+   - 原始数字输入
+   - 结果数字显示
+   - 只读结果框
+   - 复制功能
+
+2. **进制选择**
+   - 单选按钮
+   - 下拉选择
+   - 快速切换
+   - 自定义进制
+
+3. **操作控制**
+   - 交换按钮
+   - 重置功能
+   - 复制结果
+   - 错误处理
+
+## 使用说明
+
+### 基本使用
+1. 选择进制
+   - 选择源进制
+   - 选择目标进制
+   - 确认选择
+   - 开始转换
+
+2. 输入数字
+   - 输入原始数字
+   - 查看转换结果
+   - 验证结果
+   - 复制结果
+
+3. 结果处理
+   - 查看转换结果
+   - 复制到剪贴板
+   - 继续转换
+   - 重置操作
+
+### 高级功能
+1. **进制切换**
+   - 快速切换
+   - 自定义进制
+   - 批量转换
+   - 结果验证
+
+2. **数据验证**
+   - 输入检查
+   - 格式验证
+   - 错误处理
+   - 结果确认
+
+3. **特殊处理**
+   - 大数处理
+   - 精度保持
+   - 格式转换
+   - 结果优化
+
+## 使用技巧
+1. **提高效率**
+   - 使用快捷键
+   - 快速切换
+   - 复制结果
+   - 批量处理
+
+2. **数据输入**
+   - 注意格式
+   - 验证输入
+   - 检查结果
+   - 保持精度
+
+3. **进制选择**
+   - 选择合适进制
+   - 注意兼容性
+   - 保持精度
+   - 验证结果
+
+## 注意事项
+1. 使用限制
+   - 输入长度限制
+   - 进制范围
+   - 数值范围
+   - 精度保持
+
+2. 兼容性
+   - 浏览器支持
+   - 数值范围
+   - 格式兼容
+   - 结果验证
+
+3. 性能考虑
+   - 实时转换
+   - 内存使用
+   - 响应速度
+   - 资源占用
+
+## 常见问题
+1. **Q: 为什么某些数字转换后显示异常？**
+   A: 可能是输入格式不正确或数值超出范围，建议检查输入值是否符合当前进制的格式要求。
+
+2. **Q: 如何处理大数转换？**
+   A: 工具支持最大32位的数字输入，超过此范围可能会导致精度损失。
+
+3. **Q: 转换结果不准确怎么办？**
+   A: 检查输入格式是否正确，确保数值在有效范围内，必要时可以尝试其他进制。
+
+## 更新日志
+- 2024-03-21: 优化转换性能
+- 2024-03-20: 添加自定义进制支持
+- 2024-03-19: 改进界面交互
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [编码转换工具](../en-decode.md)
+- [时间戳工具](../timestamp.md)
+- [JSON格式化工具](../json-format.md) 

docs/websocket.md

@@ -0,0 +1,168 @@
+# WebSocket工具
+
+## 简介
+WebSocket工具是FeHelper提供的一个专业的WebSocket测试工具，支持WebSocket连接的建立、消息发送和接收等功能。该工具提供了直观的界面和实时通信功能，帮助开发者快速测试和调试WebSocket应用。
+
+## 主要功能
+
+### 连接管理
+1. **连接控制**
+   - 建立连接
+   - 关闭连接
+   - 连接状态显示
+   - 自动重连
+
+2. **地址配置**
+   - WebSocket地址输入
+   - 地址格式验证
+   - 默认地址提供
+   - 地址保存
+
+3. **状态监控**
+   - 连接状态显示
+   - 错误提示
+   - 时间戳记录
+   - 状态日志
+
+### 消息处理
+1. **消息发送**
+   - 文本消息输入
+   - 消息发送
+   - 发送状态显示
+   - 发送历史记录
+
+2. **消息接收**
+   - 实时消息显示
+   - 消息格式化
+   - 时间戳记录
+   - 消息历史
+
+3. **消息管理**
+   - 消息清空
+   - 历史记录
+   - 消息过滤
+   - 错误处理
+
+### 界面功能
+1. **操作控制**
+   - 连接按钮
+   - 关闭按钮
+   - 发送按钮
+   - 清空按钮
+
+2. **显示区域**
+   - 消息输入框
+   - 消息显示区
+   - 状态显示
+   - 时间显示
+
+3. **交互优化**
+   - 按钮状态控制
+   - 输入验证
+   - 错误提示
+   - 操作反馈
+
+## 使用说明
+
+### 基本使用
+1. 建立连接
+   - 输入WebSocket地址
+   - 点击连接按钮
+   - 等待连接成功
+   - 查看连接状态
+
+2. 发送消息
+   - 输入消息内容
+   - 点击发送按钮
+   - 查看发送状态
+   - 确认消息发送
+
+3. 接收消息
+   - 查看消息显示区
+   - 确认消息接收
+   - 查看时间戳
+   - 处理接收消息
+
+### 高级功能
+1. **连接管理**
+   - 自动重连
+   - 连接状态监控
+   - 错误处理
+   - 连接优化
+
+2. **消息处理**
+   - 消息格式化
+   - 历史记录
+   - 消息过滤
+   - 批量处理
+
+3. **调试功能**
+   - 状态监控
+   - 错误追踪
+   - 性能分析
+   - 日志记录
+
+## 使用技巧
+1. **提高效率**
+   - 使用快捷键
+   - 快速连接
+   - 消息模板
+   - 批量发送
+
+2. **调试技巧**
+   - 状态监控
+   - 错误分析
+   - 性能优化
+   - 问题定位
+
+3. **最佳实践**
+   - 连接管理
+   - 消息处理
+   - 错误处理
+   - 性能优化
+
+## 注意事项
+1. 使用限制
+   - 连接数量
+   - 消息大小
+   - 发送频率
+   - 资源占用
+
+2. 兼容性
+   - 浏览器支持
+   - 协议版本
+   - 安全限制
+   - 网络环境
+
+3. 性能考虑
+   - 连接管理
+   - 消息处理
+   - 内存使用
+   - 响应速度
+
+## 常见问题
+1. **Q: 为什么连接失败？**
+   A: 可能是地址格式不正确、服务器未启动或网络问题，请检查WebSocket地址和网络连接。
+
+2. **Q: 如何保持长连接？**
+   A: 工具支持自动重连功能，但建议在应用层面实现心跳机制来保持连接。
+
+3. **Q: 消息发送失败怎么办？**
+   A: 检查连接状态，确保连接正常，同时验证消息格式是否正确。
+
+## 更新日志
+- 2024-03-21: 优化连接性能
+- 2024-03-20: 添加自动重连功能
+- 2024-03-19: 改进消息显示
+- 2024-03-18: 初始版本发布
+
+## 反馈与建议
+如果您在使用过程中遇到任何问题或有改进建议，欢迎通过以下方式反馈：
+1. 在GitHub上提交Issue
+2. 发送邮件至开发者
+3. 在工具页面点击"反馈"按钮
+
+## 相关工具
+- [HTTP请求工具](../postman.md)
+- [WebSocket调试工具](../devtools.md)
+- [网络监控工具](../page-timing.md)