Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

开发者工具箱 (Developer Tools Collection)

一站式开发工具集合,提供各种实用的在线工具,帮助开发者提高工作效率。

🌟 功能特性

  • 35+ 实用工具: 涵盖编码、转换、加密、测试、API调试等多个领域
  • 现代化界面: 使用 Tailwind CSS 构建的响应式设计
  • 离线可用: 大部分工具支持离线使用
  • 专业级功能: 支持SSL证书生成、K8s管理、大模型交互等高级功能
  • 开源免费: 完全开源,可自由使用和修改

🛠️ 工具列表

编码/解码工具

  • Base64 编码解码 - Base64 格式转换工具
  • URL 编码解码 - URL 参数编码解码
  • Unicode 转换 - Unicode 字符编码转换
  • JSON 格式化 - JSON 数据格式化与验证
  • JavaScript 格式化 - JS 代码美化格式化

加密/安全工具

  • MD5 Hash - MD5 哈希值生成
  • AES 加密 - AES 加密解密工具
  • DES 加密 - DES 加密解密工具
  • RSA 加密 - RSA 非对称加密工具
  • SSL证书生成 - 自签名SSL证书生成器,支持SAN扩展
  • 随机密码生成 - 安全随机密码生成器

数据处理工具

  • JSON ↔ XML 转换 - JSON 与 XML 格式互转
  • JSON ↔ YAML 转换 - JSON 与 YAML 格式互转
  • 代码对比 - 文本差异对比工具
  • 时间戳转换 - Unix 时间戳与日期时间转换

网络/API工具

  • HTTP请求工具 - 专业的API测试和调试工具,支持CORS代理
  • WebSocket 测试 - WebSocket 连接测试工具
  • Crontab 计算 - Cron 表达式生成与解析
  • 二维码生成 - 多功能二维码生成器

图像工具

  • 图片压缩 - 在线图片压缩优化
  • 代码图片生成 - 将代码转换为精美图片

开发工具

  • 在线代码运行 - 代码编辑运行环境
  • 正则表达式 - 正则测试与匹配
  • 进制转换 - 数字进制转换工具
  • XMind 脑图 - 在线思维导图制作工具

运维/云原生工具

  • Kubernetes客户端 - 远程连接和管理K8s集群的Web界面
  • 大模型客户端 - 与各种大语言模型进行交互的专业工具

🚀 快速开始

在线使用

直接打开 index.html 文件即可使用所有工具。

本地部署

  1. 克隆或下载项目
  2. 在浏览器中打开 index.html
  3. 开始使用各种工具

开发环境

# 无需安装依赖,纯静态 HTML/CSS/JavaScript 项目
# 所有工具都在 tools/ 目录下,可直接编辑定制

📖 使用指南

HTTP请求工具

  • CORS解决方案: 勾选"启用CORS代理"绕过浏览器跨域限制
  • 环境变量: 使用 {{变量名}} 在请求中引用变量,支持动态配置
  • 请求集合: 保存常用API请求,支持一键加载
  • 多种认证: 支持Bearer Token、Basic Auth、API Key等认证方式
  • 响应分析: 自动格式化JSON/XML响应,支持语法高亮
  • cURL导出: 一键生成等效的cURL命令

SSL证书生成器

  • 证书配置: 支持CN、组织、国家等完整证书信息配置
  • SAN扩展: 支持主题备用名称,可配置多域名和IP地址
  • 密钥长度: 支持1024、2048、4096位RSA密钥
  • 有效期设置: 自定义证书有效期(1-3650天)
  • 一键下载: 分别下载私钥(.key)和证书(.crt)文件

Kubernetes客户端

  • 连接方式: 支持kubeconfig文件和手动配置两种方式
  • 资源管理: 查看Pods、Services、Deployments等K8s资源
  • 命令执行: 模拟kubectl命令执行环境
  • YAML编辑: 内置YAML编辑器,支持资源配置编辑
  • 日志查看: 实时查看Pod日志输出

大模型客户端

  • 多模型支持: 兼容OpenAI、Anthropic Claude等主流API
  • 参数调节: Temperature、Max Tokens、Top P等高级参数控制
  • 预设角色: 内置代码助手、创意写作等角色模板
  • 对话管理: 完整对话历史,支持导出为JSON格式
  • 流式响应: 实时显示AI回复,支持中断生成

XMind 脑图工具

  • 添加节点: 点击"添加节点"按钮或双击画布
  • 连接节点: 点击"连接节点",然后依次选择源节点和目标节点
  • 编辑节点: 选择节点后点击"编辑节点"
  • 拖动节点: 直接拖拽节点移动位置
  • 导出/导入: 支持 JSON 格式的导出和导入

二维码生成器

  • 支持多种内容类型:文本、网址、邮箱、电话、WiFi等
  • 自定义颜色和大小
  • 批量生成功能
  • 历史记录保存

其他工具

  • 大部分工具都提供实时预览功能
  • 支持复制到剪贴板
  • 提供使用示例和模板

🎨 界面特色

  • 现代化设计: 使用 Tailwind CSS 框架
  • 响应式布局: 支持桌面和移动设备
  • 交互反馈: 丰富的动画和状态提示
  • 图标系统: Font Awesome 图标库
  • 暗色主题: 部分工具支持暗色模式

🔧 技术栈

  • 前端框架: 纯原生 JavaScript
  • 样式框架: Tailwind CSS
  • 图标库: Font Awesome
  • 代码高亮: Highlight.js / Prism.js
  • 二维码生成: QRCodeStyling
  • 加密库: Node-Forge (SSL证书生成)
  • Markdown渲染: Marked.js (AI客户端)
  • YAML解析: js-yaml (K8s客户端)

📁 项目结构

toolsutils/
├── index.html              # 主页面
├── README.md               # 项目说明
├── tools/                  # 工具目录
│   ├── http-client.html    # HTTP请求工具
│   ├── ssl-certificate.html # SSL证书生成器
│   ├── k8s-client.html     # Kubernetes客户端
│   ├── ai-client.html      # 大模型客户端
│   ├── mindmap.html        # XMind 脑图工具
│   ├── qrcode.html         # 二维码生成器
│   ├── json-formatter.html # JSON 格式化
│   ├── base64.html         # Base64 编码
│   ├── timestamp.html      # 时间戳转换
│   └── ...                # 其他工具
└── assets/                # 静态资源(可选)

🌐 浏览器支持

  • Chrome 60+
  • Firefox 60+
  • Safari 12+
  • Edge 79+

🤝 贡献指南

欢迎贡献代码!请遵循以下步骤:

  1. Fork 本项目
  2. 创建特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 开启 Pull Request

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🙏 致谢

📞 联系我们

如有问题或建议,请通过以下方式联系:

  • 提交 GitHub Issue
  • 发送邮件至开发者

⭐ 如果这个项目对你有帮助,请给它一个 Star!

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages