Skip to content

LYX9527/develop-tools

BranchesTags

Repository files navigation

开发工具集

本项目提供了一组实用的开发辅助工具，包括图标生成器、WebSocket 测试工具和密码生成器。以下是每个工具的详细介绍和使用说明。

🎨 图标生成器

图标生成器工具允许用户上传图片并生成不同尺寸的圆角图标。用户可以自定义图标的边框宽度和圆角半径。

功能特点

  • 🖼️ 支持上传图片并生成多种尺寸的图标。
  • 🎨 自定义图标的圆角和边框透明范围。
  • 📦 支持批量下载生成的图标。

使用方法

  1. 打开 icon.html 页面。
  2. 点击"选择图片"按钮上传图片。
  3. 在设置区域调整圆角和边缘透明范围。
  4. 选择需要生成的图标尺寸。
  5. 点击"下载所有图标"按钮下载生成的图标。

🌐 WebSocket 测试工具

WebSocket 测试工具用于测试 WebSocket 连接，支持实时消息的发送和接收。

功能特点

  • 🔗 支持输入 WebSocket URL 并建立连接。
  • 📡 实时显示发送和接收的消息。
  • 🔄 支持自动补全 WebSocket URL 协议。

使用方法

  1. 打开 websocket.html 页面。
  2. 在输入框中输入 WebSocket URL。
  3. 点击"连接"按钮建立 WebSocket 连接。
  4. 在消息输入框中输入消息并点击"发送"按钮发送消息。
  5. 查看接收到的消息。

🔒 密码生成器

密码生成器用于生成安全的随机密码，支持自定义字符类型和密码长度。

功能特点

  • 🎲 支持生成多个随机密码。
  • 🔠 可选择包含大写字母、小写字母、数字和特殊字符。
  • ⚙️ 自定义密码长度和生成数量。
  • 🚫 支持排除易混淆字符。
  • 💪 显示密码强度指示。
  • 📋 一键复制生成的密码。

使用方法

  1. 打开 password.html 页面。
  2. 设置密码长度和生成数量。
  3. 选择需要包含的字符类型。
  4. 设置需要排除的字符。
  5. 点击"生成密码"按钮生成随机密码。
  6. 点击"复制"按钮复制所需的密码。

🔄 编码解码工具

编码解码工具提供多种常用的编码解码功能，包括 Base64、URL 编码以及 JWT 令牌解析。

功能特点

  • 🔠 支持 Base64 编码和解码。
  • 🌐 支持 URL 编码和解码。
  • 🔑 支持 JWT 令牌解析和格式化显示。
  • 📋 支持一键复制结果。
  • 🔄 实时编码解码。

使用方法

  1. 打开 code.html 页面。
  2. 选择需要使用的功能标签页（Base64/URL/JWT）。
  3. 在输入框中输入需要处理的文本。
  4. 点击相应的按钮进行编码、解码或解析操作。
  5. 在输出区域查看结果。

🎲 生成工具

生成工具提供多种常用的生成和计算功能，包括 UUID 生成、哈希计算以及二维码生成。

功能特点

  • 🆔 UUID 生成

    • 支持批量生成（1-50个）
    • 可选是否包含连接符
    • 可选是否全大写
    • 支持滚轮调整生成数量

  • 🔐 哈希计算

    • 支持 MD5 计算
    • 支持 SHA1 计算
    • 支持 SHA256 计算
    • 支持 SHA512 计算
    • 一键复制计算结果

  • 📂 文件校验

    • 支持拖拽上传文件
    • 显示文件详细信息
    • 支持多种哈希算法
      • MD5
      • SHA-1
      • SHA-256
      • SHA-384
      • SHA-512
    • 实时哈希值验证
    • 验证结果可视化反馈
    • 一键复制哈希值

  • 📱 二维码生成

    • 自定义二维码内容
    • 高清二维码生成
    • 支持下载 PNG 格式
    • 使用纠错等级 H，提高识别率
    • 支持二维码识别功能
    • 支持图片上传识别
    • 支持拖拽上传图片
    • 自动识别二维码内容

使用方法

  1. 打开 generate.html 页面。
  2. 选择需要使用的功能标签页（UUID/哈希/文件校验/二维码）。

UUID 生成：

  1. 设置生成数量（可使用滚轮调整）。
  2. 选择是否需要连接符和大写。
  3. 点击"生成 UUID"按钮。
  4. 点击每个 UUID 后的复制按钮可复制结果。

哈希计算：

  1. 在输入框中输入需要计算哈希的文本。
  2. 点击"计算哈希"按钮。
  3. 查看不同哈希算法的计算结果。
  4. 点击结果后的复制按钮可复制。

文件校验：

  1. 点击上传区域或将文件拖拽到上传区域。
  2. 查看文件信息。
  3. 选择需要使用的哈希算法。
  4. 等待哈希值计算完成。
  5. 可以输入已知哈希值进行验证：
  • 匹配时显示绿色背景
  • 不匹配时显示红色背景
  1. 点击复制按钮可复制计算的哈希值。

二维码生成：

  1. 在输入框中输入需要生成二维码的文本。
  2. 点击"生成二维码"按钮。
  3. 点击"下载二维码"按钮可下载生成的二维码图片。

二维码识别：

  1. 选择识别方式：
  • 点击上传区域选择图片
  • 或直接将图片拖拽到上传区域
  1. 预览上传的图片
  2. 点击"开始识别"按钮进行识别
  3. 查看识别结果并可一键复制
  4. 点击"取消"按钮可重新选择图片

⏰ 时间工具

时间工具提供多种时间相关的功能，包括当前时间显示、时间戳转换等。

功能特点

  • 🕒 当前时间

    • 实时更新显示
    • 多种时间格式展示
      • 标准时间（ISO 格式）
      • 本地时间
      • UTC 时间
      • 秒级时间戳
      • 毫秒级时间戳
      • 日期格式
      • 时间格式
      • 自定义格式（YYYY-MM-DD HH:mm:ss）
    • 一键复制任意格式时间

  • 🔄 时间戳转换

    • 支持秒级时间戳转换
    • 支持毫秒级时间戳转换
    • 自动识别时间戳类型
    • 转换结果显示多种格式
    • 支持复制转换结果

使用方法

  1. 打开 time.html 页面。
  2. 选择需要使用的功能标签页（当前时间/时间戳转换）。

当前时间：

  1. 查看实时更新的当前时间。
  2. 在下方列表中查看不同格式的时间表示。
  3. 点击对应格式后的复制按钮可复制该格式的时间。

时间戳转换：

  1. 在输入框中输入需要转换的时间戳（支持秒级或毫秒级）。
  2. 点击"转换"按钮。
  3. 查看转换后的多种时间格式。
  4. 点击对应格式后的复制按钮可复制转换结果。

🔧 JSON工具

JSON工具提供JSON格式化、压缩、转义等功能，支持树形结构显示和实时格式化。

功能特点

  • 🌳 树形结构显示

    • 支持折叠/展开节点
    • 显示数组/对象的项目数量
    • 语法高亮显示不同类型的值
    • 清晰的层级缩进和连接线

  • 📝 格式化与压缩

    • 自动格式化JSON
    • 一键压缩JSON
    • 实时格式化预览
    • 保持正确的逗号位置

  • 🔄 转义功能

    • JSON字符串转义
    • 去除转义字符
    • 保持Unicode字符的正确显示

  • 💻 编辑体验

    • 全屏编辑模式（Alt + F）
    • 自动格式化输入
    • 实时错误提示
    • 一键复制结果

使用方法

  1. 打开 json.html 页面。
  2. 在左侧输入框中输入或粘贴JSON文本。
  3. 使用功能按钮进行相应操作：
  • 点击"格式化"按钮将JSON格式化为树形结构
  • 点击"压缩"按钮移除所有空格和换行
  • 点击"转义"按钮对JSON进行转义处理
  • 点击"去除转义"按钮还原转义字符
  • 点击"复制"按钮复制处理结果
  • 点击"清空"按钮清除输入和输出内容
  1. 在树形显示模式下：
  • 点击折叠图标可以展开/折叠节点
  • 悬停在节点上可以看到项目数量
  • 使用Alt + F快捷键切换全屏模式

特色功能

  • 🔄 实时格式化：输入时自动进行JSON格式化
  • 🌈 语法高亮：不同类型的值使用不同颜色显示
  • 📊 结构化显示：清晰的树形结构和层级关系
  • 🖥️ 全屏模式：支持Alt + F快捷键切换全屏
  • ⚡ 性能优化：大型JSON数据也能流畅处理
  • 🎯 错误提示：即时显示JSON语法错误信息

🔢 进制转换工具

进制转换工具支持各种进制之间的相互转换，包括常见的二进制、八进制、十进制、十六进制，以及更多扩展进制。

功能特点

  • 🔄 多进制支持

    • 支持2-64进制转换
    • 包含所有常用进制
    • 支持自定义进制数
    • 实时转换结果

  • 📝 特殊进制说明

    • 26进制：小写字母（a-z）
    • 32进制：数字 + 大写字母，不含易混淆字符（ILOU）
    • 36进制：数字 + 小写字母
    • 52进制：大小写字母
    • 58进制：数字 + 大小写字母，不含易混淆字符（OOIl）
    • 62进制：数字 + 大小写字母
    • 64进制：数字 + 大小写字母 + 特殊字符（-_）

  • 💻 使用体验

    • 输入即时转换
    • 清晰的结果展示
    • 一键复制结果
    • 进制说明提示
    • 错误智能提示
    • 支持大数值转换

使用方法

  1. 打开 scale.html 页面。
  2. 在输入框中输入需要转换的数值。
  3. 选择输入数值的进制：
  • 从预设进制中选择
  • 或选择"自定义"并输入2-64之间的进制数
  1. 查看转换结果：
  • 自动显示所有常用进制的转换结果
  • 每个结果都显示对应的进制说明
  • 可以通过复制按钮快速复制任意结果

特色功能

  • 🚀 实时转换：输入时自动进行进制转换
  • 📊 多进制结果：一次性显示所有常用进制的转换结果
  • 🎯 智能提示：进制说明和错误提示
  • 📋 快捷复制：每个结果都可以一键复制
  • ⚡ 性能优化：支持大数值的快速转换
  • 🔍 清晰布局：结果对齐，便于查看

🔍 正则表达式工具

正则表达式工具提供正则表达式测试和常用正则表达式模板。

功能特点

  • 🎯 正则测试

    • 实时匹配结果
    • 匹配内容高亮显示
    • 显示匹配数量
    • 支持多行文本

  • ⚙️ 匹配选项

    • 全局匹配 (g)
    • 忽略大小写 (i)
    • 多行匹配 (m)

  • 📚 常用正则

    • 手机号码匹配
    • 邮箱地址验证
    • 身份证号验证
    • 日期时间格式
    • URL地址匹配
    • IPv4地址验证
    • 中文字符匹配

使用方法

  1. 打开 regular.html 页面。
  2. 输入或选择正则表达式：
  • 在输入框中直接输入
  • 或从常用正则表达式中选择
  1. 在测试文本框中输入要匹配的文本。
  2. 选择需要的匹配选项（全局、忽略大小写、多行）。
  3. 查看匹配结果：
  • 匹配内容会被黄色高亮显示
  • 显示匹配数量统计
  • 实时更新匹配结果

🔤 命名转换工具

命名转换工具提供多种命名格式的转换功能，支持常见的编程命名规范。

功能特点

  • 📝 支持多种命名格式

    • 原始输出
    • 全小写输出
    • 全大写输出
    • 首字母大写输出
    • 驼峰命名法
    • 帕斯卡命名法
    • 下划线命名法
    • 静态变量命名
    • 中划线命名

  • 💡 使用特点

    • 实时转换预览
    • 一键复制结果
    • 自动处理特殊字符
    • 智能分词转换

使用方法

  1. 打开 case.html 页面
  2. 在输入框中输入需要转换的文本
  3. 查看不同格式的转换结果
  4. 点击对应格式后的复制按钮复制结果

转换示例

输入：Hello World

转换结果：

  • 原始输出：Hello World
  • 全小写：hello world
  • 全大写：HELLO WORLD
  • 首字母大写：Hello World
  • 驼峰命名：helloWorld
  • 帕斯卡命名：HelloWorld
  • 下划线命名：hello_world
  • 静态变量：HELLO_WORLD
  • 中划线命名：hello-world

🎨 颜色工具

颜色工具提供颜色选择和阴影效果生成功能。

功能特点

  • 🎨 颜色选择器

    • 支持可视化选色
    • HEX 格式复制
    • RGB 格式复制
    • RGBA 格式复制
    • 实时颜色预览

  • 🌟 阴影生成器

    • 可视化阴影效果
    • 支持多种阴影形状
    • 自定义阴影参数
    • 生成 CSS 代码
    • 一键复制样式

📄 JSON/YAML转换工具

支持 JSON 和 YAML 格式的相互转换，提供格式化和验证功能。

功能特点

  • 🔄 格式转换

    • JSON 转 YAML
    • YAML 转 JSON
    • 实时错误提示
    • 自动格式化

  • 📝 编辑功能

    • 格式化 JSON
    • 格式化 YAML
    • 一键清空内容
    • 复制转换结果

  • 💡 使用特点

    • 双栏对照显示
    • 实时语法检查
    • 错误信息提示
    • 示例数据参考

使用方法

  1. 打开 ymlexchangejson.html 页面
  2. 在左侧输入 JSON 或右侧输入 YAML
  3. 点击转换按钮进行格式转换
  4. 使用格式化按钮美化输出
  5. 点击复制按钮复制结果

⏰ Cron表达式工具

Cron表达式生成和验证工具，支持可视化配置和运行时间预览。

功能特点

  • 🔧 表达式生成

    • 可视化配置界面
    • 常用表达式快速选择
    • 支持完整cron格式
    • 实时生成表达式

  • �� 表达式验证

    • 语法检查
    • 中文描述解析
    • 错误提示
    • 一键复制

  • 🕒 运行时间

    • 预览未来10次运行时间
    • 精确到秒级别
    • 自动计算下次运行
    • 时间格式化显示

使用方法

  1. 打开 cron.html 页面
  2. 使用可视化界面配置表达式
  3. 或直接输入/选择常用表达式
  4. 查看表达式描述和运行时间
  5. 点击复制按钮获取表达式

🔐 RSA密钥生成器

生成RSA公私钥对，支持多种密钥长度和PEM格式导出。

功能特点

  • 🔑 密钥生成

    • 支持512-4096位密钥长度
    • 标准PEM格式输出
    • 实时生成预览
    • 一键复制结果

  • 📄 格式支持

    • PKCS#1格式
    • PEM证书格式
    • 公钥/私钥分离
    • Base64编码

  • 💻 使用体验

    • 可视化界面
    • 快速生成
    • 安全可靠
    • 本地运算

使用方法

  1. 打开 rsa.html 页面
  2. 选择所需的密钥长度
  3. 点击生成按钮
  4. 复制所需的公钥或私钥

🌐 HTTP请求测试工具

在线HTTP请求测试工具，支持多种请求方法和格式。

功能特点

  • 🔧 请求配置

    • 支持GET、POST、PUT、DELETE等方法
    • 自定义请求头
    • URL参数设置
    • 请求体编辑

  • 📝 数据格式

    • JSON格式
    • Form Data
    • URL编码
    • 自动格式化

  • 🔍 响应查看

    • 状态码显示
    • 响应时间
    • 格式化JSON
    • 原始响应

  • 💻 使用体验

    • 常用请求示例
    • 实时响应
    • 清晰布局
    • 一键发送

使用方法

  1. 打开 postman.html 页面
  2. 选择请求方法并输入URL
  3. 配置请求参数、头部和请求体
  4. 点击发送按钮
  5. 查看响应结果

🖼️ 图片Base64转换工具

图片与Base64编码互转工具，支持拖放上传。

功能特点

  • 🔄 图片转Base64

    • 支持拖放上传
    • 多种图片格式
    • 实时预览
    • 显示文件大小

  • 📝 Base64转图片

    • 粘贴Base64编码
    • 预览转换结果
    • 一键下载图片
    • 支持PNG/JPG等

  • 💻 使用体验

    • 拖放操作
    • 实时预览
    • 一键复制
    • 快速下载

使用方法

  1. 打开 img.html 页面
  2. 选择或拖放图片到转换区域
  3. 查看Base64编码和预览
  4. 复制Base64或下载图片

🔐 MD5加密工具

功能特点

  • 🔒 支持32位MD5加密
    • 支持大小写输出格式
    • 支持16位截取结果
    • 一键复制加密结果
    • 实时加密计算
    • 清晰的结果展示

使用方法

  1. 在输入框中输入需要加密的文本
  2. 查看不同格式的加密结果：
    • 32位小写结果
    • 32位大写结果
    • 16位小写结果
    • 16位大写结果
  3. 点击复制按钮可复制对应格式的结果

📁 项目结构

  • icon.html：图标生成器页面。
  • websocket.html：WebSocket 测试工具页面。
  • password.html：密码生成器页面。
  • json.html：JSON工具页面。
  • index.html：项目主页，提供工具的入口。

📦 依赖

🛠️ 运行项目

  1. 克隆项目到本地： 
    git clone <repository-url>
  2. 在浏览器中打开 index.html 文件即可使用工具。

🌟 贡献

欢迎对本项目进行贡献！请提交 Pull Request 或报告问题。

🔧 新增功能可拓展性

  • 🆕 轻松添加新工具页面，只需在 index.html 中添加新的工具卡片。
  • 📜 使用统一的样式和脚本文件，确保新工具与现有工具的外观和功能一致。

📜 许可证

本项目采用 MIT 许可证。

About

提供各种实用的开发辅助工具

tools.yltf.xyz/

Resources

Readme
Activity

Stars

24 stars

Watchers

1 watching

Forks

4 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 3

Languages