← 返回主页
👨💻 开发者工具
面向程序员的实用开发辅助工具集合
🔍
正则表达式测试器
正则表达式:
g (全局)
i (忽略大小写)
m (多行)
s (单行模式)
测试文本:
联系方式：张三 123-456-7890，李四 987-654-3210
测试正则
示例模式
清空
匹配结果将显示在这里
JavaScript代码将显示在这里
复制
🎨
高级颜色选择器
颜色输入:
颜色代码:
#667eea
更新颜色
随机颜色
生成调色板
调色板:
颜色代码将显示在这里
复制
🌈
CSS 渐变生成器
渐变类型:
线性渐变
径向渐变
方向/角度:
向右 (→)
向左 (←)
向下 (↓)
向上 (↑)
45度 (↗)
90度 (↓)
135度 (↙)
180度 (←)
渐变预览
+ 添加颜色点
随机渐变
重置
CSS代码将显示在这里
复制
🔣
字符编码转换器
输入文本:
Hello, 世界! 🌍
Unicode
UTF-8
十六进制
二进制
HTML实体
转换编码
全部转换
清空
编码结果将显示在这里
所有编码格式将显示在这里
复制
📋
HTML/XML 格式化器
HTML/XML 内容:
<div class="container"><h1>标题</h1><p>这是一段文本。</p><ul><li>项目1</li><li>项目2</li></ul></div>
缩进类型:
空格
制表符
缩进大小:
2
4
8
格式化
压缩
验证
清空
格式化结果将显示在这里
复制
💄
CSS 美化工具
CSS 代码:
body{margin:0;padding:0;font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{background:#007bff;color:white;padding:10px 20px;border:none;border-radius:4px}
格式化选项:
展开格式
紧凑格式
压缩格式
缩进:
2空格
4空格
制表符
美化CSS
压缩CSS
添加前缀
清空
格式化结果将显示在这里
复制