# WebUtils

> WebUtils 是一个纯前端开发者工具集，包含 583+ 个实用工具。每个工具都是独立的 HTML 文件，内联 CSS/JS，无需构建，可离线使用。所有数据处理都在浏览器端完成，不上传服务器，保护用户隐私。

WebUtils 提供开发者日常工作中常用的各类工具：JSON/YAML/XML 格式化与转换、Base64/URL/Unicode 编解码、时间戳与时区转换、二维码生成、图片压缩、正则表达式测试、哈希计算等。

技术特点：
- 单文件架构：每个工具是独立 HTML 文件
- 零构建：无需 npm、webpack，直接打开使用
- 可离线：下载到本地即可断网使用
- 隐私安全：所有数据处理在浏览器端完成

## 开发工具

- [JSON 格式化](https://essays4u.net/tools/dev/json-formatter.html): 格式化、压缩、验证 JSON 数据
- [正则表达式测试](https://essays4u.net/tools/dev/regex-tester.html): 实时测试正则表达式匹配
- [JWT 解码器](https://essays4u.net/tools/dev/jwt-decoder.html): 解码和验证 JWT Token
- [cURL 转换器](https://essays4u.net/tools/dev/curl-converter.html): cURL 命令与各语言代码互转
- [代码对比工具](https://essays4u.net/tools/dev/code-diff.html): 并排对比两段代码的差异
- [YAML/JSON 转换](https://essays4u.net/tools/converter/yaml-json.html): YAML 与 JSON 格式互转
- [XML/JSON 转换](https://essays4u.net/tools/converter/xml-json.html): XML 与 JSON 格式互转
- [SQL 格式化](https://essays4u.net/tools/dev/sql-formatter.html): 格式化 SQL 语句
- [颜色转换器](https://essays4u.net/tools/dev/color-converter.html): HEX/RGB/HSL 颜色格式转换
- [进制转换器](https://essays4u.net/tools/dev/number-base.html): 二进制、八进制、十进制、十六进制互转

## 编解码工具

- [Base64 编解码](https://essays4u.net/tools/dev/base64.html): Base64 编码和解码
- [URL 编解码](https://essays4u.net/tools/dev/url-encode.html): URL 编码和解码
- [Unicode 转换](https://essays4u.net/tools/text/unicode-converter.html): Unicode 与文本互转
- [HTML 实体转换](https://essays4u.net/tools/dev/html-entities.html): HTML 实体编码和解码
- [UTF-8 编解码](https://essays4u.net/tools/dev/utf8-encode.html): UTF-8 字节序列转换

## 时间工具

- [时间戳转换](https://essays4u.net/tools/time/timestamp.html): Unix 时间戳与日期互转
- [时区转换](https://essays4u.net/tools/time/timezone.html): 不同时区时间转换
- [Cron 表达式解析](https://essays4u.net/tools/time/cron-parser.html): 解析和生成 Cron 表达式
- [日期计算器](https://essays4u.net/tools/time/date-calculator.html): 计算日期差值和加减
- [倒计时工具](https://essays4u.net/tools/time/countdown.html): 设置倒计时提醒

## 生成器

- [二维码生成](https://essays4u.net/tools/generator/qrcode.html): 生成二维码图片
- [UUID 生成器](https://essays4u.net/tools/generator/uuid.html): 生成各版本 UUID
- [密码生成器](https://essays4u.net/tools/generator/password.html): 生成随机安全密码
- [假数据生成](https://essays4u.net/tools/generator/fake-data.html): 生成测试用假数据
- [Lorem Ipsum](https://essays4u.net/tools/generator/lorem-ipsum.html): 生成占位文本

## 媒体工具

- [图片压缩](https://essays4u.net/tools/media/image-compressor.html): 压缩图片文件大小
- [图片格式转换](https://essays4u.net/tools/media/image-converter.html): PNG/JPG/WebP 格式转换
- [EXIF 查看器](https://essays4u.net/tools/media/exif-viewer.html): 查看图片 EXIF 元数据
- [图片裁剪](https://essays4u.net/tools/media/image-cropper.html): 在线裁剪图片
- [SVG 优化](https://essays4u.net/tools/media/svg-optimizer.html): 优化和压缩 SVG 文件

## 文本工具

- [字符统计](https://essays4u.net/tools/text/char-counter.html): 统计字符、单词、行数
- [文本对比](https://essays4u.net/tools/text/text-diff.html): 对比两段文本差异
- [大小写转换](https://essays4u.net/tools/text/case-converter.html): 转换文本大小写格式
- [Markdown 预览](https://essays4u.net/tools/text/markdown-preview.html): 实时预览 Markdown
- [文本去重](https://essays4u.net/tools/text/remove-duplicates.html): 去除重复行

## 安全工具

- [哈希计算](https://essays4u.net/tools/security/hash-generator.html): MD5/SHA1/SHA256 哈希计算
- [密码强度检测](https://essays4u.net/tools/security/password-strength.html): 检测密码强度
- [HMAC 计算](https://essays4u.net/tools/security/hmac-generator.html): 计算 HMAC 签名

## 网络工具

- [IP 子网计算器](https://essays4u.net/tools/network/subnet-calculator.html): 计算 IP 子网信息
- [端口查询](https://essays4u.net/tools/network/port-lookup.html): 查询常用端口号
- [User-Agent 解析](https://essays4u.net/tools/network/user-agent-parser.html): 解析 UA 字符串
- [HTTP 状态码](https://essays4u.net/tools/network/http-status.html): HTTP 状态码说明

## 计算器

- [科学计算器](https://essays4u.net/tools/calculator/scientific.html): 科学计算功能
- [单位换算](https://essays4u.net/tools/calculator/unit-converter.html): 各类单位换算
- [百分比计算](https://essays4u.net/tools/calculator/percentage.html): 百分比计算
- [BMI 计算器](https://essays4u.net/tools/calculator/bmi.html): 计算身体质量指数

## AI 工具

- [Token 计数器](https://essays4u.net/tools/ai/token-counter.html): 计算文本 Token 数量
- [AI 模型对比表](https://essays4u.net/tools/ai/ai-model-comparison.html): 主流 AI 模型参数对比
- [Prompt 模板库](https://essays4u.net/tools/ai/prompt-templates.html): 常用 Prompt 模板集合
- [AI API 价格计算器](https://essays4u.net/tools/ai/ai-api-pricing.html): 计算 AI API 调用成本

## 中文工具

- [拼音声调标注](https://essays4u.net/tools/chinese/pinyin-tone.html): 为汉字标注拼音声调
- [汉字笔画顺序](https://essays4u.net/tools/chinese/stroke-order.html): 查看汉字书写笔顺
- [中文大写数字转换](https://essays4u.net/tools/chinese/chinese-number.html): 数字转中文大写
- [农历阳历转换](https://essays4u.net/tools/chinese/lunar-calendar.html): 农历与公历日期互转
- [身份证号码生成器](https://essays4u.net/tools/chinese/id-generator.html): 生成测试用身份证号

## 财务工具

- [房贷计算器](https://essays4u.net/tools/finance/mortgage-calculator.html): 计算房贷月供和总利息
- [复利计算器](https://essays4u.net/tools/finance/compound-interest.html): 计算复利收益
- [个人所得税计算器](https://essays4u.net/tools/finance/income-tax.html): 计算个税应缴金额
- [汇率换算器](https://essays4u.net/tools/finance/currency-converter.html): 多币种汇率换算
- [退休计算器](https://essays4u.net/tools/finance/retirement-calculator.html): 规划退休储蓄

## 健康工具

- [卡路里需求计算器](https://essays4u.net/tools/health/calorie-calculator.html): 计算每日热量需求
- [睡眠时间计算器](https://essays4u.net/tools/health/sleep-calculator.html): 计算最佳睡眠时间
- [心率区间计算器](https://essays4u.net/tools/health/heart-rate-zone.html): 计算运动心率区间
- [体脂率计算器](https://essays4u.net/tools/health/body-fat.html): 估算体脂百分比
- [预产期计算器](https://essays4u.net/tools/health/due-date.html): 计算预产期日期

## 生活工具

- [年龄计算器](https://essays4u.net/tools/life/age-calculator.html): 精确计算年龄
- [亲戚称呼计算器](https://essays4u.net/tools/life/relative-calculator.html): 计算复杂亲戚关系
- [油耗计算器](https://essays4u.net/tools/life/fuel-calculator.html): 计算汽车油耗
- [快捷便签](https://essays4u.net/tools/life/quick-notes.html): 快速记录便签
- [随机点名器](https://essays4u.net/tools/life/random-picker.html): 随机抽取名字

## 教育工具

- [GPA 计算器](https://essays4u.net/tools/education/gpa-calculator.html): 计算平均绩点
- [打字速度测试](https://essays4u.net/tools/education/typing-test.html): 测试打字速度
- [数学方程求解器](https://essays4u.net/tools/education/equation-solver.html): 求解数学方程
- [元素周期表](https://essays4u.net/tools/education/periodic-table.html): 交互式元素周期表
- [论文引用格式生成器](https://essays4u.net/tools/education/citation-generator.html): 生成参考文献格式

## 美食工具

- [烹饪单位转换器](https://essays4u.net/tools/food/cooking-converter.html): 转换烹饪计量单位
- [食物卡路里查询](https://essays4u.net/tools/food/food-calories.html): 查询食物热量
- [配方缩放工具](https://essays4u.net/tools/food/recipe-scaler.html): 按比例调整配方用量
- [咖啡冲泡比例](https://essays4u.net/tools/food/coffee-ratio.html): 计算咖啡水粉比例
- [泡茶计时器](https://essays4u.net/tools/food/tea-timer.html): 不同茶类泡茶计时

## 游戏工具

- [2048 游戏](https://essays4u.net/tools/game/2048.html): 经典 2048 数字游戏
- [俄罗斯方块](https://essays4u.net/tools/game/tetris.html): 经典俄罗斯方块
- [扫雷](https://essays4u.net/tools/game/minesweeper.html): 经典扫雷游戏
- [数独](https://essays4u.net/tools/game/sudoku.html): 数独益智游戏
- [贪吃蛇](https://essays4u.net/tools/game/snake.html): 经典贪吃蛇游戏

## 趣味工具

- [今天吃什么](https://essays4u.net/tools/fun/what-to-eat.html): 随机决定今日餐食
- [抛硬币](https://essays4u.net/tools/fun/coin-flip.html): 模拟抛硬币
- [骰子模拟器](https://essays4u.net/tools/fun/dice-roller.html): 模拟掷骰子
- [转盘抽奖](https://essays4u.net/tools/fun/wheel-spinner.html): 自定义转盘抽奖
- [反应时间测试](https://essays4u.net/tools/fun/reaction-test.html): 测试反应速度

## 隐私工具

- [AES 加密解密](https://essays4u.net/tools/privacy/aes-encrypt.html): AES 对称加密解密
- [RSA 加密解密](https://essays4u.net/tools/privacy/rsa-encrypt.html): RSA 非对称加密
- [文本加密解密](https://essays4u.net/tools/privacy/text-encrypt.html): 简单文本加密
- [EXIF 信息移除器](https://essays4u.net/tools/privacy/exif-remover.html): 移除图片隐私信息
- [随机身份生成](https://essays4u.net/tools/privacy/fake-identity.html): 生成测试用虚拟身份

## SEO 工具

- [Meta Tags 生成器](https://essays4u.net/tools/seo/meta-generator.html): 生成网页 Meta 标签
- [Robots.txt 生成器](https://essays4u.net/tools/seo/robots-generator.html): 生成 robots.txt 文件
- [关键词密度分析器](https://essays4u.net/tools/seo/keyword-density.html): 分析页面关键词密度
- [搜索结果预览](https://essays4u.net/tools/seo/serp-preview.html): 预览搜索结果展示效果

## 提取工具

- [JSON Path 提取器](https://essays4u.net/tools/extractor/json-path.html): 使用 JSONPath 提取数据
- [正则提取器](https://essays4u.net/tools/extractor/regex-extractor.html): 使用正则表达式提取文本
- [链接提取器](https://essays4u.net/tools/extractor/link-extractor.html): 提取网页中的链接
- [文本信息提取器](https://essays4u.net/tools/extractor/text-extractor.html): 提取文本中的特定信息

## Optional

- [GitHub 仓库](https://github.com/chicogong/html-tools): 源代码、Issue 反馈、贡献指南
- [完整工具列表](https://essays4u.net/): 首页查看全部 645+ 工具