🧰 超能工具箱

一个纯前端的多功能网页工具箱，包含 232 个实用小工具，所有代码均为 HTML + CSS + JavaScript，适配手机/平板（横竖屏），并支持白天/黑夜模式。

🌍 相关链接

• GitHub 仓库：https://github.com/li63050a/gjx
• GitHub Pages：https://li63050a.github.io/gjx/
• 在线演示：https://gjx.z321.cc.cd/

每个工具页面底部均标注了以上三个链接。

📁 项目结构

my-toolbox/
├── index.html                     # 主页导航
├── README.md                      # 项目说明
├── LICENSE                        # Apache License 2.0
└── tools/                         # 所有工具独立存放
├── calculator/                # 计算器
├── base64/                    # Base64 编解码
├── timestamp/                 # 时间戳转换
├── color-converter/           # 颜色转换 (HEX ↔ RGB ↔ HSL)
├── json-formatter/            # JSON 格式化 / 压缩
├── password-generator/        # 密码生成器
├── word-counter/              # 字数统计
├── case-converter/            # 大小写转换
├── uuid-generator/            # UUID v4 生成器
├── url-encoder/               # URL 编码 / 解码
├── random-generator/          # 随机数生成器
├── base-converter/            # 进制转换 (2/8/10/16)
├── byte-converter/            # 字节单位换算
├── regex-tester/              # 正则表达式测试
├── html-entity/               # HTML 实体编解码
├── date-calculator/           # 日期计算器
├── text-processor/            # 文本行处理
├── temperature-converter/      # 温度换算
├── length-converter/          # 长度换算
├── weight-converter/          # 重量换算
├── speed-converter/           # 速度换算
├── area-converter/            # 面积换算
├── volume-converter/          # 体积换算
├── morse-code/                # 摩斯密码
├── unicode-converter/         # Unicode 码点编解码
├── md5-generator/             # MD5 哈希 (纯 JS)
├── base64-image/              # 图片转 Base64 DataURL
├── text-diff/                 # 文本对比 (行差异)
├── find-replace/              # 查找替换 (支持正则)
├── csv-markdown/              # CSV ⇄ Markdown 表格
├── word-frequency/            # 词频统计
├── color-picker/              # 颜色选择器
├── cron-explainer/            # Cron 表达式解析
├── sql-formatter/             # SQL 格式化
├── lorem-generator/           # Lorem 占位文本
├── roman-numeral/             # 罗马数字互转
├── number-to-chinese/         # 数字转中文大写
├── age-calculator/            # 年龄计算
├── bmi-calculator/            # BMI 身体质量指数
├── random-picker/             # 随机抽签
├── countdown-timer/           # 倒计时
├── stopwatch/                 # 秒表
├── url-parser/                # URL 解析
├── slug-generator/            # URL Slug 生成
└── calendar-generator/        # 月历生成
    └── 每个文件夹下均含 index.html

🚀 如何使用

1. 下载或克隆本仓库到本地。
2. 直接用浏览器打开 index.html 即可看到导航页。
3. 点击任意卡片进入对应工具页面。
4. 每个工具页面都包含 ← 返回工具箱 链接，可快速返回主页。

✨ 已包含工具清单

图标	工具名	功能描述
📐	计算器	加减乘除四则运算
🔐	Base64 编解码	文本与 Base64 互转（支持中文）
⏰	时间戳转换	Unix 秒级时间戳 ↔ 日期时间
🎨	颜色转换	HEX、RGB、HSL 互相转换，带实时预览
📋	JSON 格式化	格式化或压缩 JSON 字符串
🔑	密码生成器	自定义长度和字符类型，生成强密码
📊	字数统计	统计字符数、单词数、行数、段落数
📝	大小写转换	全大写、全小写、首字母大写、驼峰命名
🆔	UUID 生成	生成随机 UUID v4
🌐	URL 编解码	对 URL 或字符串进行 encodeURI/decodeURI
🎲	随机数生成	生成指定范围内的随机整数或列表
🔢	进制转换	二进制 / 八进制 / 十进制 / 十六进制互转
📦	字节换算	B / KB / MB / GB / TB 互相换算
🧪	正则测试	测试正则表达式，支持 g/i/m 标志
🔣	HTML 实体	HTML 实体的转义与反转义
📅	日期计算	计算两个日期的天数 / 周数 / 月数差
📝	文本行处理	排序 / 去重 / 反转 / 去空行
🌡️	温度换算	摄氏度 / 华氏度 / 开尔文互转
📏	长度换算	m / km / 英寸 / 英尺 / 码 / 英里
⚖️	重量换算	kg / g / 吨 / 磅 / 盎司
💨	速度换算	m/s / km/h / mph / 节
🟦	面积换算	m² / 公顷 / 英亩 / 平方英尺
🪣	体积换算	L / m³ / 加仑 / 杯 / 液量盎司
📻	摩斯密码	文本与摩斯密码互转
🔡	Unicode 编码	字符与码点互转
🔐	MD5 哈希	纯 JS 实现的 MD5 计算
🖼️	Base64 图片	图片文件编码为 DataURL
🔍	文本对比	两个文本的行级差异
🔎	查找替换	支持正则的查找替换
📊	CSV ⇄ MD	CSV 与 Markdown 表格互转
📈	词频统计	统计词语出现次数
🎨	颜色选择器	HEX / RGB / HSL 实时转换
⏲️	Cron 解析	解析标准 Cron 表达式
🗄️	SQL 格式化	美化 SQL 语句
📝	Lorem 生成	生成占位文本
🏛️	罗马数字	阿拉伯数字与罗马数字互转
💴	金额大写	数字转中文大写金额
🎂	年龄计算	计算年龄（岁/月/天）
⚖️	BMI 计算	身体质量指数及分类
🎯	随机抽签	从选项中随机抽签
⏳	倒计时	至目标时间的倒计时
⏱️	秒表	开始/暂停/重置计时
🌐	URL 解析	拆分协议/主机/参数等
🔗	Slug 生成	文本转 URL 友好字符串
📆	月历生成	生成指定年月的日历
📊	百分比计算	占比 / 数值增减
🍽️	小费分摊	账单金额与人均
⏱️	时间换算	秒/分/时/天/周/月/年
🧮	压强换算	Pa/kPa/atm/bar/psi
🪪	JWT 解析	解码 Header/Payload
🌐	HTTP 状态码	常见状态码速查
🎭	对比度检测	WCAG 颜色对比度
🕵️	UA 解析	解析浏览器/系统/设备
🔁	JSON ⇄ CSV	JSON 数组与 CSV 互转
🗜️	HTML 压缩	去除注释与多余空白
📄	Markdown 预览	基础 Markdown 渲染
🔗	提取链接	提取 URL 与邮箱
🧼	文本清洗	去空格/空行/重复行
🔤	ASCII 编码	文本与 ASCII 码互转
🧮	数学工具	素数/阶乘/GCD/斐波那契
😀	表情符号	常用 emoji 一键复制
🎲	骰子	自定义骰子数与面数
🪙	抛硬币	正/反随机
🎰	彩票生成	随机不重复号码
🍅	番茄钟	工作/休息计时
📅	星期查询	日期转星期
🗓️	闰年判断	年份是否闰年
🔃	文本反转	字符/单词/行反转
🔐	密码强度	密码强度评分
🔡	全角转半角	全角字符转半角
🔠	半角转全角	半角字符转全角
🔐	凯撒密码加密	按移位量加密
🔓	凯撒密码解密	按移位量解密
🔄	ROT13 转换	字母旋转13位
🧹	按行去重	保留首次出现行
🔼	行正序排序	字典序升序
🔽	行倒序排序	字典序降序
🚮	删除空行	移除空白行
🔢	每行加序号	为每行编号
🧼	删除 HTML 标签	去除所有标签
🛡️	HTML 转义	转义 <>&"
🛡️	JS 字符串转义	转义反斜杠/引号/换行
📱	提取手机号	正则提取手机号
🌐	提取网址	提取 http(s) 链接
🈶	提取汉字	提取中文
🔤	提取英文字母	提取 A-Za-z
📏	文本两端对齐	按最长行补齐
🔣	中文标点转英文	中英文标点互换
✂️	去除每行首尾空白	trim 每行
➡️	多行合并为一行	合并所有行
✂️	按标点拆分成行	按句号等断行
␣	合并连续空格	压缩多余空格
🎲	随机抽取一行	随机返回一行
🖧	随机 MAC 地址	生成随机 MAC
🌐	随机 IPv4	生成随机 IPv4
🌐	随机 IPv6	生成随机 IPv6
🔌	随机端口号	1-65535 随机端口
🕵️	随机 User-Agent	随机浏览器 UA
🗺️	随机经纬度	随机经纬度
🔡	随机十六进制串	指定长度 HEX
🎨	随机颜色 HEX	随机十六进制色
🎨	随机 RGB 颜色	随机 RGB 色
📅	随机日期	随机日期
⏰	随机时间	随机时间
📆	随机星期	随机星期几
📆	随机月份	随机月份
🧑	随机中文姓名	随机中文名
🧑	随机英文姓名	随机英文名
🏠	随机中国地址	随机省市街道
😀	随机 Emoji	随机表情
💬	随机中文句子	随机句子
📜	随机诗词	随机诗词
😂	随机笑话	随机冷笑话
🔢	随机浮点数	指定范围浮点
⚖️	随机布尔值	随机 true/false
🔢	Base32 编解码	Base32 互转
🔢	Base58 编解码	Base58 互转
🔢	Base85 编解码	Base85 互转
🥓	培根密码	培根密码加解密
📐	最大公约数	GCD
📐	最小公倍数	LCM
❗	阶乘计算	n!
🌀	斐波那契数列	前 n 项
🔢	排列数	P(n,k)
🔢	组合数	C(n,k)
√	平方根计算	开方
＾	幂运算	x^y
📈	自然对数	ln
📈	常用对数	log10
➕	分数加法	分数相加约分
➖	分数减法	分数相减约分
✖️	分数乘法	分数相乘约分
➗	分数除法	分数相除约分
📊	投资回报率 ROI	(现值-投入)/投入
🏦	等额本金房贷	按月本金+利息
🏦	存款利率计算	本息计算
🔥	卡路里消耗估算	按体重时间估算
⌨️	打字速度 WPM	字数/时间换算
🎲	随机整数(范围/步进)	带步进随机
📐	角度转弧度	度→弧度
📐	弧度转角度	弧度→度
π	圆周率 π	输出 π
✨	黄金分割数	输出 φ
➿	绝对值与取整	abs/round/ceil/floor
♈	星座查询	日期转星座
💼	工作日天数	区间工作日
⏳	倒计时到日期	距目标倒计时
⏱️	Unix 毫秒时间戳	当前毫秒戳
⏱️	当前时间戳	当前秒级戳
🔒	批量 SHA256（每行）	逐行 SHA256
🔒	批量 SHA512（每行）	逐行 SHA512
🧮	CRC32 校验	CRC32
📝	Markdown → HTML	MD 转 HTML
📝	HTML → Markdown	HTML 转 MD
📋	ASCII 表	0-127 ASCII
🔣	字符码点查询	字符转 U+
💎	JS 代码美化	简单 JS 格式化
⚙️	OpenCode 配置修改器	原站源码部署，表单/导入编辑 opencode.json

🛠 扩展新工具

1. 在 tools/ 下新建一个文件夹，例如 my-new-tool/。
2. 在里面创建 index.html，按任意工具模板写功能代码。
3. 在主页 index.html 的 .grid 中添加一个 <a> 卡片，指向新工具路径。

🌐 浏览器兼容性

• Chrome / Firefox / Edge / Safari（所有现代版本）：完美支持。
• Internet Explorer 11：兼容（未使用 ES6+ 新特性，已测试可用）。
• Android WebView 83+：流畅运行。

⚠️ 许可证

本项目基于 Apache License 2.0 开源授权，详细条款见仓库根目录的 LICENSE 文件。

• 您可以自由地使用、复制、修改、分发本项目的代码，包括用于商业用途。
• 在分发衍生作品时，需保留原始版权声明与许可证声明，并说明所做的修改。
• 本项目按 "AS IS" 提供，不附带任何明示或暗示的担保。

详见：Apache License 2.0