常用工具

工欲善其事,必先利其器
这里汇集了前端开发中最常用的在线工具,方便日常开发使用

编码加密

🔢

Base64编解码

字符串与Base64的相互转换,支持中文、图片等各种格式的编码和解码,方便数据传输与存储。

使用工具
🔐

MD5哈希计算

计算字符串或文件的MD5哈希值,常用于文件完整性校验、密码存储等场景,确保数据一致性。

使用工具
🔗

URL编解码

URL编码与解码,处理中文、空格及特殊字符,确保URL在浏览器中正确传输与显示。

使用工具

格式化与美化

📝

JSON格式化

JSON格式化、压缩、转义与语法高亮,支持复制、下载,让JSON数据一目了然,便于调试。

使用工具
📋

Markdown预览

Markdown实时预览,支持语法高亮、表格、代码块等,所见即所得,方便文档编写与预览。

使用工具
💻

HTML/CSS/JS格式化

一键美化HTML、CSS、JavaScript代码,自动缩进、换行,让代码整洁易读,提升开发效率。

使用工具

颜色与样式

🎨

颜色拾取器

选择或输入颜色,获取HEX、RGB、HSL、RGBA等多种格式,支持渐变色生成与调色板保存。

使用工具
📏

CSS单位转换

px、rem、em、vw、vh等CSS单位相互转换,设置根字体大小,响应式开发必备工具。

使用工具
🎭

CSS阴影生成器

可视化生成box-shadow和text-shadow,支持多层阴影,实时预览效果,一键复制代码。

使用工具

时间与日期

⏱️

时间戳转换

Unix时间戳与日期时间的相互转换,支持毫秒、秒级时间戳,显示当前时间戳,方便调试。

使用工具
📅

日期计算

计算两个日期之间的天数、周数、月数,日期加减天数,方便项目排期与时间规划。

使用工具

倒计时生成

设置目标日期,生成倒计时显示代码,天时分秒格式,支持自定义样式,可直接复制使用。

使用工具

正则与测试

📊

正则表达式测试

在线正则表达式测试与调试,实时显示匹配结果,支持常用正则模板,快速验证正则正确性。

使用工具
🔍

Diff文本对比

对比两段文本的差异,高亮显示新增、删除和修改的内容,支持行级和字符级对比。

使用工具
🔤

Unicode转义

字符与Unicode编码的相互转换,支持中文、表情符号等特殊字符,处理国际化文本必备。

使用工具

图片与媒体

🖼️

图片压缩

在线压缩JPG、PNG、WebP图片,支持质量调节,在保证视觉效果的同时减小文件体积。

使用工具
📐

图片尺寸调整

在线调整图片尺寸,支持等比缩放、固定尺寸裁剪,支持多种图片格式输出。

使用工具
🎬

Base64图片转换

图片与Base64字符串相互转换,方便嵌入CSS或HTML中,减少HTTP请求。

使用工具

网络与查询

🌐

IP地址查询

查询IP地址的地理位置信息,包括国家、省份、城市、运营商等,支持批量查询。

使用工具
🔎

UserAgent解析

解析UserAgent字符串,识别浏览器、操作系统、设备类型等信息,前端调试常用。

使用工具
📡

二维码生成

输入网址或文本生成二维码,支持自定义尺寸、颜色,支持logo嵌入,方便扫码访问。

使用工具

文本处理

🔄

大小写转换

文本大小写转换,支持全部大写、全部小写、首字母大写、句首大写等多种模式。

使用工具
📊

字数统计

统计文本的字数、字符数、行数、词数,区分中英文,写文章时的得力助手。

使用工具
🔀

去重与排序

文本去重、按字母排序、按长度排序、随机打乱,处理列表数据时非常实用。

使用工具