网站简介
福利猫（fulicat.com）是一个面向开发人员和设计师的在线工具箱，提供了丰富的实用小工具，涵盖编码转换、图片处理、代码格式化、CSS 工具、正则测试、浏览器信息查询、行政区划数据处理等多个方面。网站界面简洁，工具分类清晰，所有工具均可直接在浏览器中使用，无需安装任何软件，即开即用，非常适合日常开发工作中快速解决问题。
主要功能
1. 图片处理工具
- 在线拼接图片：支持将多张图片拼接为一张长图，可自由调整顺序和间距，常用于生成聊天记录长图、截图拼接等场景。
- 在线图片批处理：提供图片批量压缩、格式转换等功能，方便一次性处理大量图片文件。
- 图片转 SVG：支持将 JPG、JPEG、PNG、GIF 等常见图片格式转换为 SVG 矢量图。
- 文字水印工具：可在线为图片添加文字水印，免费使用，支持自定义水印内容、字体、大小和位置。
- 图片/文件转 Base64：将图片或其他文件转换为 Base64 编码字符串，方便嵌入代码或数据传输。
2. 编码与格式转换
- xCode 在线编码/解码：支持多种编码方式的在线编解码，同时提供图片/文件转 Base64 功能。
- CSS 转 dataURL：将 CSS 代码转换为 dataURL 格式，常用于网页内联样式优化。
- px2rem 像素转 REM：帮助前端开发者将 px 单位自动转换为 rem 单位，适配移动端布局。
3. 代码格式化与编辑
- HTML / JavaScript 格式化：对压缩或混乱的 HTML、JS 代码进行格式化，提高可读性。
- CSS 格式化：对 CSS 样式代码进行美化排版。
- YAML/YML 编辑器：在线编辑、校验 YAML 格式文件，支持语法检查。
- 正则表达式在线测试：提供正则表达式的实时匹配测试功能，帮助开发者调试正则规则。
4. CSS 生成工具
- CSS 渐变生成/编辑器：可视化编辑 CSS 渐变效果，实时预览并生成相应代码。
- CSS 三角形生成器：通过参数配置在线生成 CSS 三角形形状的代码。
- Online LESS Compiler / Playground：在线编译 LESS 样式代码，提供实时预览环境。
5. 行政区划与数据处理
- AreaCity to JSON：将省、市、区（县）、镇（街道）多级地址数据转换为 JSON 格式，并提供多级联动地址选择演示。
- AreaCity to MySQL：将省市区县乡镇行政区划 CSV 数据转换为 MySQL 格式，方便导入数据库。
6. 其他实用工具
- 浏览器信息查看：查看当前浏览器 userAgent 等信息，识别访问设备。
- 超链接提取解析：从网页文本中提取所有超链接地址及锚文本。
- IDN Generator 证件号码生成器：用于测试场景的证件号码生成。
- M3U8 Player：在线播放 M3U8 视频流地址。
- 视频号视频资源提取：提供微信视频号视频、图像资源的提取下载功能。
- 博越流量查询：针对吉利博越 SUV 车机流量的查询工具。
- 唱吧歌曲导出（Packer mirror）：辅助导出唱吧平台相关音频资源。
7. 开源项目与插件
福利猫团队还发布了一些开源前端项目：
- ImageViewer：浏览器图片查看效果增强插件，支持 Chrome/Edge/Firefox。
- jquery.imageview：基于 jQuery 的图片查看器插件。
- easyui.citybox / monthbox：EasyUI 风格的城市地区选择器和月份选择器。
- Month Picker（for Vue.js）：Vue.js 版本的月份选择器组件。
- control.city：轻量级城市选择器控件。
特点说明
- 开发场景导向：所有工具均围绕网页开发中的常见需求设计，工具虽小但非常实用，能够高效解决开发中的碎片化问题。
- 免费且无需注册：网站全部工具免费开放，无需注册登录，打开网页即可使用，极大降低了使用门槛。
- 即开即用，无需安装：全部基于 Web 实现，不依赖客户端软件，适用于 Windows、macOS、Linux 等任意操作系统。
- 支持开源生态：除在线工具外，还提供了多个开源前端组件，开发者可以下载集成到自己的项目中。
- 界面简洁无干扰：页面布局紧凑，没有繁杂的广告和弹窗，工具导航清晰，用户体验较好。
- 覆盖面广：从图片处理、代码格式化、CSS 生成到行政区划数据处理，功能覆盖面广，尤其适合前端开发者、全栈工程师和设计师日常使用。
总的来说，福利猫是一个专注于开发者效率的轻量级工具站，虽然没有华丽的界面，但胜在实用、免费、快速，是程序员日常开发中值得收藏的工具网站之一。