Browse Source

website: 全面更新官网,新增 v2026.04 亮点、数据统计区块

- 首页新增「v2026.04 新版亮点」(安全加固/UUID/条形码/Gzip/BigInt/测试)
- 首页新增「数据与信任」统计区块(15年/300K+用户/32+工具/5K+ Stars)
- SEO 优化:更新 meta/OG/Twitter Card/keywords,工具数 30→32+
- 工具分类同步:思维导图→效率类,UUID→计算类,mock-data→开发类
- 时间线新增 2026 年条目,footer 版权更新为 2011-2026
- 新建 docs/uuid-gen.md 文档,更新 qr-code/en-decode/timestamp/trans-radix 文档
- docs.html 删除冗余标题区块,修复 docs-container min-height 导致的大片空白
- privacy-policy.html 新增顶部导航栏
- docs.js toolNameMap/toolCategoryMap 与首页完全同步
- llms.txt 完整重写,包含全部 32+ 工具索引
- style.css 新增 whats-new/trust-stats/tool-new-badge 等区块样式

Made-with: Cursor
Alien 1 day ago
parent
commit
3db4ea60da

+ 33 - 30
website/README.md

@@ -1,6 +1,6 @@
 # FeHelper 官网
 
-这是 FeHelper Chrome/Edge 浏览器扩展的官方网站。
+这是 FeHelper Chrome/Edge/Firefox 浏览器扩展的官方网站(v2026.04)
 
 ## 项目特点
 
@@ -36,17 +36,22 @@
 
 ```
 website/
-├── index.html              # 主页面 (498行)
-├── css/
-│   └── style.css          # 样式文件 (1267行)
-├── js/
-│   └── script.js          # 交互脚本 (394行)
-├── img/                    # 图标资源
-│   ├── favicon.ico         # 网站图标
-│   ├── fe-16.png          # 16x16 FeHelper图标
-│   ├── fe-48.png          # 48x48 FeHelper图标
-│   └── fe-128.png         # 128x128 FeHelper图标
-└── README.md              # 项目说明
+├── index.html              # 首页落地页
+├── docs.html               # 文档中心
+├── privacy-policy.html     # 隐私政策(中英双语)
+├── llms.txt                # LLM/爬虫站点说明
+├── static/
+│   ├── css/
+│   │   ├── style.css       # 全站主样式
+│   │   └── docs.css        # 文档页样式
+│   ├── js/
+│   │   ├── script.js       # 首页交互脚本
+│   │   ├── docs.js         # 文档页脚本
+│   │   └── hotfix.json     # 推广位元数据
+│   ├── img/                # 图标资源
+│   └── screenshot/         # 工具截图
+├── docs/                   # Markdown工具文档(30+篇)
+└── README.md               # 项目说明
 ```
 
 ## 本地开发
@@ -77,31 +82,29 @@ website/
 
 ## 更新记录
 
+### v3.0 (2026-04-13)
+- 全面更新首页内容,新增"v2026.04 新版亮点"和"数据与信任"区块
+- 同步 32+ 工具信息:UUID/ID 生成器、条形码、Gzip、FILETIME、BigInt 精度
+- 更新工具分类:思维导图移至效率类,UUID 加入计算类
+- 新增 UUID/ID 生成器文档 (docs/uuid-gen.md)
+- 更新 QR code / en-decode / timestamp / trans-radix 文档反映新功能
+- privacy-policy.html 添加顶部导航栏
+- 全站 copyright 更新为 2011-2026
+- llms.txt 完整重写,包含全部 32+ 工具索引
+- docs.js 工具分类与首页同步
+- SEO 优化:更新 meta、OG、Twitter Card、keywords
+
 ### v2.2 (2024-12-19)
-- 📊 更新真实数据:GitHub 5.3K stars, 1.3K forks, Chrome Store 200K+ 用户
-- 🦊 新增Firefox浏览器支持和下载选项
-- 📖 添加"关于FeHelper"时间线,展示13年发展历程
-- 🔗 更新所有浏览器商店链接和评分数据
-- ✨ 优化GitHub数据获取逻辑,提供真实默认值
-
-### v2.1 (2024-12-19)
-- 🎨 添加FeHelper官方图标到网站
-- 🔖 更新favicon和多尺寸图标
-- ✨ 替换导航栏、页脚、徽章等位置的图标
-- 🚀 增强品牌视觉识别度
+- 📊 更新真实数据:GitHub 5.3K stars, Chrome Store 200K+ 用户
+- 🦊 新增 Firefox 浏览器支持和下载选项
+- 📖 添加"关于FeHelper"时间线
 
 ### v2.0 (2024-12-19)
-- ✅ 移除Google Fonts依赖,改用系统字体
+- ✅ 移除 Google Fonts 依赖,改用系统字体
 - ✅ 优化国内访问体验
-- ✅ 提升页面加载速度
-- ✅ 增强字体显示兼容性
 
 ### v1.0 (2024-12-19)
 - 🎉 初始版本发布
-- 🎨 现代化渐变设计
-- 📱 响应式布局适配
-- 🔧 功能工具可视化展示
-- 📊 GitHub数据集成
 
 ## 许可证
 

+ 6 - 13
website/docs.html

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FeHelper 文档中心 - 前端开发者的超级助手</title>
-    <meta name="description" content="FeHelper是一个功能强大的浏览器扩展,专为前端开发者设计,集成了多种实用工具,支持Chrome和Edge浏览器。">
+    <title>FeHelper 文档中心 - Web开发者工具箱文档</title>
+    <meta name="description" content="FeHelper(v2026.04)文档中心 - 32+实用开发者工具使用指南:JSON格式化、编解码、UUID/雪花ID、二维码/条形码、AI助手等,支持Chrome/Edge/Firefox。">
     
     <!-- Favicon -->
     <link rel="icon" type="image/x-icon" href="static/img/favicon.ico">
@@ -80,14 +80,6 @@
         </div>
         
         <div class="docs-content">
-            <!-- Docs Section -->
-            <div class="container docs-container">
-                <div class="section-header">
-                    <h2>FeHelper 文档中心</h2>
-                    <p>详细了解每个工具的使用方法和技巧</p>
-                </div>
-            </div>
-            
             <div id="doc-container">
                 <div class="loader">
                     <div class="loader-spinner"></div>
@@ -105,7 +97,7 @@
                         <img src="static/img/fe-48.png" alt="FeHelper Logo" class="logo-icon">
                         <span>FeHelper</span>
                     </div>
-                    <p>专为前端开发者打造的超级助手</p>
+                    <p>Web开发者的超级工具箱</p>
                     <div class="social-links">
                         <a href="https://github.com/zxlie/FeHelper" target="_blank">
                             <i class="fab fa-github"></i>
@@ -121,6 +113,7 @@
                         <a href="index.html#features">功能特性</a>
                         <a href="index.html#tools">工具箱</a>
                         <a href="index.html#download">下载安装</a>
+                        <a href="privacy-policy.html">隐私政策</a>
                     </div>
                     <div class="link-group">
                         <h4>开发者</h4>
@@ -136,8 +129,8 @@
                 </div>
             </div>
             <div class="footer-bottom">
-                <p>&copy; 2024 FeHelper. Open source under MIT license.</p>
-                <p>Made with ❤️ for frontend developers</p>
+                <p>&copy; 2011-2026 FeHelper. Open source under MIT license.</p>
+                <p>Made with ❤️ for web developers worldwide</p>
                 <p class="footer-icp">
                   <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14006329号-1</a> |
                   <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14006329号-2</a>

+ 1 - 1
website/docs/en-decode.md

@@ -1,7 +1,7 @@
 # 信息编解码工具
 
 ## 简介
-信息编解码工具是FeHelper提供的一个多功能编码转换工具,支持多种编码格式的转换和解析。该工具可以帮助用户快速进行文本编码转换、加密解密、URL参数解析等操作,是开发调试和数据处理的重要助手。
+信息编解码工具是 FeHelper 提供的多功能编码转换工具,支持多种编码格式的转换和解析。v2026.04 新增 **Gzip 压缩/解压** 和 **字符串转义/去转义** 功能。该工具可以帮助用户快速进行文本编码转换、加密解密、URL参数解析等操作,是开发调试和数据处理的重要助手。
 
 ## 主要功能
 

+ 23 - 19
website/docs/index.md

@@ -2,17 +2,11 @@
 
 ## 简介
 
-FeHelper 是一款强大的浏览器开发者工具集,为Web开发者提供了丰富的开发辅助功能。它集成了30+种实用工具,包括代码格式化、JSON处理、编码转换、性能分析、AI助手等,旨在提高开发效率,简化开发流程。
-
-![popup](static/screenshot/popup.png)
-
-![options](static/screenshot/options.png)
-
-![options](static/screenshot/settings.jpg)
+FeHelper 是一款强大的浏览器开发者工具集(v2026.04),为Web开发者提供了丰富的开发辅助功能。它集成了32+种实用工具,包括代码格式化、JSON处理、编码转换、UUID/雪花ID生成、二维码/条形码、Gzip压缩、性能分析、AI助手等,旨在提高开发效率,简化开发流程。
 
 ## 主要特性
 
-- 🛠️ **丰富的工具集**:包含30+种开发工具,涵盖前端开发的方方面面
+- 🛠️ **丰富的工具集**:包含32+种开发工具,涵盖前端开发的方方面面
 - 🚀 **便捷的访问**:支持右键菜单快速访问,一键调用常用功能
 - 💻 **跨平台支持**:支持Chrome、Firefox、Edge等主流浏览器
 - 🔧 **开发者友好**:提供完整的开发者工具支持和开放平台
@@ -42,9 +36,9 @@ FeHelper 是一款强大的浏览器开发者工具集,为Web开发者提供
 
 | 工具名称 | 功能描述 | 
 |---------|---------|
-| [信息编码转换](?tool=en-decode) | 支持多格式的信息编解码,如Unicode、UTF-8、UTF-16、URL、Base64、MD5、Hex、Gzip等 |
-| [进制转换工具](?tool=trans-radix) | 支持2进制到36进制数据之间的任意转换,比如:10进制转2进制,8进制转16进制等 |
-| [时间(戳)转换](?tool=timestamp) | 本地化时间与时间戳之间的相互转换,支持秒/毫秒、支持世界时区切换、各时区时钟展示等 |
+| [信息编码转换](?tool=en-decode) | 支持 Unicode、UTF-8、UTF-16、URL、Base64、MD5、Hex、JWT 解码,v2026.04 新增 Gzip 压缩/解压、字符串转义/去转义 |
+| [进制转换工具](?tool=trans-radix) | 支持2~36进制任意互转,v2026.04 升级为 BigInt 引擎,支持任意精度大数运算 |
+| [时间(戳)转换](?tool=timestamp) | 本地化时间与时间戳互转,支持秒/毫秒、世界时区切换,v2026.04 新增 Windows FILETIME 转换 |
 | [颜色转换工具](?tool=trans-color) | 支持HEX颜色到RGB格式的互转,比如HEX颜色「#43ad7f」转RGB后为「rgb(67, 173, 127)」 |
 
 ### 🖼️ 图像处理类
@@ -52,7 +46,7 @@ FeHelper 是一款强大的浏览器开发者工具集,为Web开发者提供
 
 | 工具名称 | 功能描述 | 
 |---------|---------|
-| [二维码工具](?tool=qr-code) | 支持自定义颜色和icon的二维码生成器,并且支持多种模式的二维码解码,包括截图后粘贴解码 |
+| [二维码/条形码](?tool=qr-code) | 二维码生成/解码 + v2026.04 新增条形码生成(Code128/EAN-13/EAN-8/UPC/ITF-14),支持 SVG/PNG 导出 |
 | [图片Base64转换](?tool=image-base64) | 支持多种模式的图片转Base64格式,比如链接粘贴/截图粘贴等,也支持Base64数据逆转图片 |
 | [SVG转为图片](?tool=svg-converter) | 支持SVG文件转换为PNG、JPG、WEBP等格式,可自定义输出尺寸,支持文件拖放和URL导入 |
 | [图表制作工具](?tool=chart-maker) | 快速制作各类数据可视化图表,支持柱状图、折线图、饼图等多种图表类型,可导出为图片格式 |
@@ -69,6 +63,7 @@ FeHelper 是一款强大的浏览器开发者工具集,为Web开发者提供
 | [我的便签笔记](?tool=sticky-notes) | 方便快捷的浏览器便签笔记工具,支持创建目录对笔记进行分类管理,笔记支持一键导出/导入 |
 | [Markdown转换](?tool=html2markdown) | Markdown编写/预览工具,支持HTML片段直接转Markdown,支持将内容以PDF格式进行下载 |
 | [网页油猴工具](?tool=page-monkey) | 自行配置页面匹配规则、编写Hack脚本,实现网页Hack,如页面自动刷新、自动抢票等 |
+| [便捷思维导图](?tool=naotu) | 轻量便捷,随想随用,支持自动保存、本地数据存储、批量数据导入导出、图片格式下载等 |
 
 ### 🔢 计算工具类
 各种实用的计算和生成工具,解决特定场景的计算需求。
@@ -78,13 +73,13 @@ FeHelper 是一款强大的浏览器开发者工具集,为Web开发者提供
 | [Crontab工具](?tool=crontab) | 一个简易的Crontab生成工具,支持随机生成Demo,编辑过程中,分时日月周会高亮提示 |
 | [贷(还)款利率](?tool=loan-rate) | 贷款或还款利率的计算器,按月呈现还款计划;并支持按还款额反推贷款实际利率 |
 | [随机密码生成](?tool=password) | 将各种字符进行随机组合生成密码,可以由数字、大小写字母、特殊符号组成,支持指定长度 |
+| [UUID/ID生成器](?tool=uuid-gen) | v2026.04 全新工具!生成 UUID v4、Twitter Snowflake 雪花 ID、NanoID,支持批量生成与雪花 ID 解析 |
 
 ### 🧩 其他工具
 更多专业化和特殊用途的开发工具。
 
 | 工具名称 | 功能描述 | 
 |---------|---------|
-| [便捷思维导图](?tool=naotu) | 轻量便捷,随想随用,支持自动保存、本地数据存储、批量数据导入导出、图片格式下载等 |
 | [Excel转JSON](?tool=excel2json) | 将Excel或CVS中的数据,直接转换成为结构化数据,如JSON、XML、MySQL、PHP等 |
 | [网页栅格标尺](?tool=grid-ruler) | Web开发用,横竖两把尺子,以10px为单位,用以检测&校准当前网页的栅格对齐率 |
 | [FH开发者工具](?tool=devtools) | 以开发平台的思想,FeHelper支持用户进行本地开发,将自己的插件功能集成进FH工具市场 |
@@ -98,11 +93,11 @@ FeHelper提供了完整的插件市场和配置管理功能,让用户可以根
 #### 工具分类浏览
 - **全部分类**:查看所有可用工具的完整列表
 - **开发工具类**:JSON处理、Mock数据生成、代码美化、接口调试等核心开发工具
-- **编解码转换类**:各种格式的数据转换和编解码工具
-- **图像处理类**:二维码、图片转换、截图等图像相关工具
-- **效率工具类**:AI助手、便签、Markdown等提升效率的工具
-- **计算工具类**:Crontab、贷款计算、密码生成等计算工具
-- **其他工具**:思维导图、Excel转换等专业化工具
+- **编解码转换类**:各种格式的数据转换和编解码工具(含Gzip/FILETIME/BigInt)
+- **图像处理类**:二维码/条形码、图片转换、截图等图像相关工具
+- **效率工具类**:AI助手、便签、Markdown、思维导图等提升效率的工具
+- **计算工具类**:UUID/ID生成器、Crontab、贷款计算、密码生成等
+- **其他工具**:Excel转换、网页栅格标尺、FH开发者工具
 
 #### 我的工具管理
 - **已安装**:查看和管理已安装的工具,显示安装数量统计
@@ -355,7 +350,16 @@ FeHelper支持开发者进行本地开发,可以将自己的插件功能集成
 
 ## 版本更新
 
-### 最新功能
+### v2026.04 新版亮点
+- 🔐 **安全加固**:全面移除 evalCore 动态代码执行,消除 XSS 注入风险,添加输入类型与长度守卫
+- ❄️ **UUID/ID生成器**:全新工具!支持 UUID v4、Twitter Snowflake 雪花 ID、NanoID 批量生成与解析
+- 📊 **条形码生成**:二维码工具升级,新增 Code128/EAN-13/EAN-8/UPC/ITF-14 等条形码格式
+- 🗜️ **Gzip 压缩/字符串转义**:编解码工具新增 Gzip 压缩/解压、字符串转义/去转义
+- ♾️ **BigInt 精度升级**:进制转换改用 BigInt 引擎,支持任意精度大数运算
+- ⏰ **FILETIME 转换**:时间戳工具新增 Windows FILETIME 互转
+- 🧪 **自动化测试**:引入 Vitest 单元测试框架,79+ 测试用例 + GitHub Actions CI
+
+### 历史更新
 - ✨ **个性化工具排序**:支持拖拽调整工具显示顺序
 - 🤖 **AI智能助手**:集成AI对话功能,支持代码编写和优化
 - 📊 **图表制作工具**:新增数据可视化图表制作功能

+ 23 - 2
website/docs/qr-code.md

@@ -1,7 +1,7 @@
-# 二维码工具
+# 二维码 / 条形码工具
 
 ## 简介
-二维码工具是FeHelper提供的一个多功能工具,支持二维码的生成和解码功能。该工具提供了直观的用户界面,让用户可以轻松地生成自定义二维码,也可以快速解码已有的二维码图片。
+二维码/条形码工具是 FeHelper 提供的多功能视觉编码工具。支持二维码的生成和解码功能,v2026.04 新增条形码生成,涵盖 Code128、EAN-13、EAN-8、UPC、ITF-14 等主流格式。该工具提供了直观的用户界面,让用户可以轻松地生成自定义二维码和条形码,也可以快速解码已有的二维码图片。
 
 
 ![popup](static/screenshot/qr-code.png)
@@ -101,7 +101,28 @@
 3. **Q: 如何提高二维码的识别率?**
    A: 建议使用合适的尺寸、保持足够的留白、选择对比度高的颜色。
 
+### 条形码生成功能(v2026.04 新增)
+
+1. **支持格式**
+   - **Code128**:通用条形码,支持全 ASCII 字符
+   - **EAN-13**:商品条码(13位数字)
+   - **EAN-8**:短商品条码(8位数字)
+   - **UPC**:美国通用产品代码(12位数字)
+   - **ITF-14**:物流包装条码(14位数字)
+
+2. **使用方式**
+   - 在"类型"下拉菜单选择"条形码"
+   - 选择条形码格式
+   - 输入对应格式的数据
+   - 点击"生成条形码"按钮
+   - 支持 SVG/PNG 格式导出
+
+3. **输入提示**
+   - 工具会根据所选格式自动提示正确的输入格式
+   - 如输入不合规,会显示具体的错误原因和修正建议
+
 ## 更新日志
+- 2026-04-13: 新增条形码生成(Code128/EAN-13/EAN-8/UPC/ITF-14),SVG/PNG导出
 - 2024-03-21: 优化二维码生成性能
 - 2024-03-20: 添加自定义图标功能
 - 2024-03-19: 支持拖拽上传图片

+ 1 - 1
website/docs/timestamp.md

@@ -2,7 +2,7 @@
 
 ## 工具简介
 
-时间戳转换工具是一个功能强大的时间处理工具,支持本地时间与Unix时间戳之间的相互转换,并提供全球时区时钟显示功能。该工具特别适合开发者在处理时间相关数据时使用,能够快速准确地进行各种时间格式的转换。
+时间戳转换工具是一个功能强大的时间处理工具,支持本地时间与 Unix 时间戳之间的相互转换,并提供全球时区时钟显示功能。v2026.04 新增 **Windows FILETIME** 互转功能(基于 BigInt 精确计算)。该工具特别适合开发者在处理时间相关数据时使用,能够快速准确地进行各种时间格式的转换。
 
 ## 主要功能
 

+ 1 - 1
website/docs/trans-radix.md

@@ -1,7 +1,7 @@
 # 进制转换工具
 
 ## 简介
-进制转换工具是FeHelper提供的一个简单而强大的数字进制转换工具,支持2-36进制之间的相互转换。该工具提供了直观的界面和实时转换功能,帮助用户快速完成不同进制之间的转换工作。
+进制转换工具是 FeHelper 提供的数字进制转换工具,支持 2-36 进制之间的相互转换。v2026.04 升级为 **BigInt 引擎**,支持任意精度大数运算,彻底告别 JavaScript Number 的精度丢失问题。该工具提供了直观的界面和实时转换功能,帮助用户快速完成不同进制之间的转换工作。
 
 ## 主要功能
 

+ 60 - 0
website/docs/uuid-gen.md

@@ -0,0 +1,60 @@
+# UUID/ID 生成器
+
+## 功能概述
+
+UUID/ID 生成器是 FeHelper v2026.04 新增的全能唯一标识符生成工具,支持多种 ID 格式的批量生成与解析,满足分布式系统、数据库主键、前端标识等各类场景需求。
+
+## 主要功能
+
+### UUID v4 生成
+- 基于 `crypto.getRandomValues` 的真随机 UUID v4 生成
+- 支持批量生成(默认 5 个,可自定义数量)
+- 支持多种格式输出:
+  - **标准格式**:`550e8400-e29b-41d4-a716-446655440000`
+  - **无连字符**:`550e8400e29b41d4a716446655440000`
+  - **大写格式**:`550E8400-E29B-41D4-A716-446655440000`
+  - **带花括号**:`{550e8400-e29b-41d4-a716-446655440000}`
+
+### 雪花 ID(Snowflake)生成
+- 兼容 Twitter Snowflake 风格的 64 位分布式 ID
+- 可自定义机器 ID(0-31)和数据中心 ID(0-31)
+- 支持批量生成
+- 基于时间戳、数据中心、机器标识和序列号组合
+
+### 雪花 ID 解析
+- 输入任意雪花 ID,反向解析各字段:
+  - **时间戳**:精确到毫秒的生成时间
+  - **数据中心 ID**:所属数据中心
+  - **机器 ID**:生成节点标识
+  - **序列号**:同毫秒内的序列编号
+
+### NanoID 生成
+- 基于 `crypto.getRandomValues` 的高性能短 ID
+- 可自定义长度(默认 21 位)
+- 使用 URL 安全字符集:`A-Za-z0-9_-`
+- 支持批量生成
+
+## 使用场景
+
+| 场景 | 推荐格式 |
+|------|----------|
+| 数据库主键 | UUID v4 / 雪花 ID |
+| 分布式系统节点标识 | 雪花 ID |
+| 短链接/邀请码 | NanoID |
+| API 请求追踪 | UUID v4(标准格式)|
+| 前端组件 key | NanoID(短 ID)|
+| 排查分布式日志 | 雪花 ID 解析 |
+
+## 安全性
+
+- 所有 ID 均在浏览器本地生成,不依赖外部服务
+- UUID v4 和 NanoID 使用 `crypto.getRandomValues` 真随机源
+- 雪花 ID 基于本地时间戳,无需网络连接
+
+## 操作说明
+
+1. 选择需要生成的 ID 类型(UUID / 雪花ID / NanoID)
+2. 设置数量、格式等参数
+3. 点击"生成"按钮
+4. 结果区域支持一键全选复制
+5. 雪花 ID 解析:粘贴 ID 后点击"解析"查看各字段详情

+ 154 - 49
website/index.html

@@ -3,14 +3,19 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FeHelper - 前端开发者的超级助手</title>
-    <meta name="description" content="FeHelper是一个专为前端开发者设计的强大浏览器扩展,集成31种实用工具:JSON美化/Mock数据生成/AI助手/接口调试/图像处理等,支持Chrome/Edge/Firefox,开源免费!">
-    <meta property="og:title" content="FeHelper - 前端开发者的超级助手" />
-    <meta property="og:description" content="专为前端开发者设计!31种实用工具,JSON美化/Mock数据/AI助手/接口调试,支持Chrome/Edge/Firefox,开源免费!" />
+    <title>FeHelper - Web开发者工具箱 | JSON格式化/编解码/二维码/AI助手</title>
+    <meta name="description" content="FeHelper(v2026.04) - 32+实用开发者工具集:JSON格式化/BigInt/对比、编解码(Base64/URL/Gzip/JWT)、二维码/条形码、UUID/雪花ID、时间戳/FILETIME、AI助手、代码美化、接口调试等,支持Chrome/Edge/Firefox,开源免费!">
+    <meta name="keywords" content="FeHelper,前端助手,JSON格式化,编解码,二维码,条形码,UUID,雪花ID,时间戳,代码美化,Chrome扩展,开发者工具">
+    <meta property="og:title" content="FeHelper - Web开发者工具箱 | 32+实用工具集" />
+    <meta property="og:description" content="32+实用开发者工具:JSON格式化/BigInt、编解码/Gzip、二维码/条形码、UUID/雪花ID、AI助手,支持Chrome/Edge/Firefox,开源免费!" />
     <meta property="og:image" content="https://fehelper.com/static/img/fe-128.png" />
     <meta property="og:url" content="https://fehelper.com/" />
-    <meta itemprop="name" content="FeHelper - 职场人的超级助手">
-    <meta itemprop="description" content="全新升级!30+实用工具,支持Chrome/Edge/Firefox,开源免费,前端/数据/办公必备!">
+    <meta property="og:type" content="website" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="FeHelper - Web开发者工具箱" />
+    <meta name="twitter:description" content="32+实用开发者工具集,支持Chrome/Edge/Firefox,开源免费!" />
+    <meta itemprop="name" content="FeHelper - Web开发者工具箱">
+    <meta itemprop="description" content="v2026.04全新升级!32+实用工具,JSON/编解码/二维码/UUID/AI助手,支持Chrome/Edge/Firefox,开源免费!">
     <meta itemprop="image" content="https://fehelper.com/static/img/fe-128.png">
     
     <!-- Favicon -->
@@ -21,7 +26,7 @@
     <link rel="apple-touch-icon" sizes="128x128" href="static/img/fe-128.png">
     
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="static/css/style.css?v=20250711">
+    <link rel="stylesheet" href="static/css/style.css?v=20260413">
     
 
 
@@ -46,7 +51,7 @@
             </div>
             <ul class="nav-menu">
                 <li>
-                  <a href="/v1/index/index.html" target="_blank" class="nav-online-link">
+                  <a href="https://www.fehelper.com/v1/index/index.html" target="_blank" class="nav-online-link">
                     <i class="fas fa-bolt" style="margin-right:6px;"></i>在线使用
                   </a>
                 </li>
@@ -77,18 +82,18 @@
         <div class="container">
             <div class="hero-content">
                 <h1 class="hero-title">
-                    前端开发者的 <span class="gradient-text">超级助手</span>
+                    Web开发者的 <span class="gradient-text">超级工具箱</span>
                 </h1>
                 <p class="hero-subtitle">
                     <span class="subtitle-main">
-                        FeHelper是一个功能强大的 <span class="highlight">开源浏览器扩展</span>,专为前端开发者和各类职场人设计,集成了30+种实用工具,包括JSON处理、代码美化、接口调试、AI助手、图像处理等核心功能,支持Chrome、Edge、Firefox浏览器
+                        FeHelper 是一款 <span class="highlight">开源浏览器扩展</span>,始于 2011 年,历经 15 年打磨。集成 32+ 种实用工具:JSON格式化/BigInt精度、编解码/Gzip压缩、二维码/条形码、UUID/雪花ID生成、时间戳转换、AI智能助手、代码美化、接口调试等,覆盖开发全流程
                     </span>
                 </p>
                 <div class="badges-row pro-badges">
                     <a href="https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad" target="_blank">
                         <img src="https://img.shields.io/chrome-web-store/v/pkgccpejnmalmdinmhkkfafefagiiiad?label=chrome%20web%20store&logo=googlechrome&color=3b82f6&style=for-the-badge" alt="Chrome Web Store Version">
                     </a>
-                    <img src="https://img.shields.io/badge/tools-30+-10b981?style=for-the-badge&logo=toolkit&logoColor=white" alt="工具数量">
+                    <img src="https://img.shields.io/badge/tools-32+-10b981?style=for-the-badge&logo=toolkit&logoColor=white" alt="工具数量">
                     <img src="https://img.shields.io/chrome-web-store/rating/pkgccpejnmalmdinmhkkfafefagiiiad?label=rating&logo=googlechrome&color=3b82f6&style=for-the-badge" alt="Chrome Web Store Rating">
                     <img src="https://img.shields.io/chrome-web-store/users/pkgccpejnmalmdinmhkkfafefagiiiad?label=users&logo=googlechrome&color=3b82f6&style=for-the-badge" alt="Chrome Web Store Users">
                     <a href="https://github.com/zxlie/FeHelper" target="_blank">
@@ -148,17 +153,17 @@
                             <div class="tool-card-demo postman">
                                 <i class="fas fa-rocket"></i>
                                 <span>效率工具类</span>
-                                <div class="tool-count">4种工具</div>
+                                <div class="tool-count">5种工具</div>
                             </div>
                             <div class="tool-card-demo calc">
                                 <i class="fas fa-calculator"></i>
                                 <span>计算工具类</span>
-                                <div class="tool-count">3种工具</div>
+                                <div class="tool-count">4种工具</div>
                             </div>
                             <div class="tool-card-demo other">
                                 <i class="fas fa-puzzle-piece"></i>
                                 <span>其他工具</span>
-                                <div class="tool-count">4种工具</div>
+                                <div class="tool-count">3种工具</div>
                             </div>
                         </div>
                         
@@ -232,12 +237,98 @@
       </div>
     </section>
 
+    <!-- v2026.04 新版亮点 -->
+    <section class="whats-new">
+        <div class="container">
+            <div class="section-header">
+                <h2>v2026.04 新版亮点</h2>
+                <p>安全加固 · 精度提升 · 全新工具 · 工程化升级</p>
+            </div>
+            <div class="whats-new-grid">
+                <div class="new-item new-item-security">
+                    <div class="new-icon"><i class="fas fa-shield-alt"></i></div>
+                    <h3>安全加固</h3>
+                    <p>移除全部 evalCore 动态执行,消除 XSS 注入风险,loadPatchHotfix 添加类型与长度守卫,所有数据本地处理。</p>
+                    <span class="new-tag tag-security">Security</span>
+                </div>
+                <div class="new-item new-item-feature">
+                    <div class="new-icon"><i class="fas fa-snowflake"></i></div>
+                    <h3>UUID / 雪花ID 生成器</h3>
+                    <p>全新工具!支持 UUID v4、Twitter Snowflake 雪花 ID、NanoID 批量生成,雪花 ID 可反向解析各字段。</p>
+                    <span class="new-tag tag-new">New Tool</span>
+                </div>
+                <div class="new-item new-item-feature">
+                    <div class="new-icon"><i class="fas fa-barcode"></i></div>
+                    <h3>条形码生成</h3>
+                    <p>二维码工具升级!新增 Code128、EAN-13、EAN-8、UPC、ITF-14 等多种条形码格式,支持 SVG/PNG 导出。</p>
+                    <span class="new-tag tag-new">New Feature</span>
+                </div>
+                <div class="new-item new-item-enhance">
+                    <div class="new-icon"><i class="fas fa-compress-arrows-alt"></i></div>
+                    <h3>Gzip 压缩 / 字符串转义</h3>
+                    <p>编解码工具新增 Gzip 压缩/解压、字符串转义/去转义,覆盖更多开发场景。</p>
+                    <span class="new-tag tag-enhance">Enhanced</span>
+                </div>
+                <div class="new-item new-item-enhance">
+                    <div class="new-icon"><i class="fas fa-infinity"></i></div>
+                    <h3>BigInt 精度升级</h3>
+                    <p>进制转换改用 BigInt 引擎,支持任意精度大数运算;时间戳工具新增 Windows FILETIME 转换。</p>
+                    <span class="new-tag tag-enhance">Enhanced</span>
+                </div>
+                <div class="new-item new-item-engineering">
+                    <div class="new-icon"><i class="fas fa-flask"></i></div>
+                    <h3>自动化测试</h3>
+                    <p>引入 Vitest 单元测试框架,79+ 测试用例覆盖核心模块,GitHub Actions CI 自动回归保障。</p>
+                    <span class="new-tag tag-eng">Engineering</span>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 数据与信任 -->
+    <section class="trust-stats">
+        <div class="container">
+            <div class="stats-grid">
+                <div class="stat-item">
+                    <div class="stat-number">15+</div>
+                    <div class="stat-label">年持续维护</div>
+                    <div class="stat-desc">自 2011 年 Chrome 1.0 发布</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">300K+</div>
+                    <div class="stat-label">全平台用户</div>
+                    <div class="stat-desc">Chrome + Edge + Firefox</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">32+</div>
+                    <div class="stat-label">内置工具</div>
+                    <div class="stat-desc">覆盖开发全流程</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">5K+</div>
+                    <div class="stat-label">GitHub Stars</div>
+                    <div class="stat-desc">MIT 开源,社区共建</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">4.7</div>
+                    <div class="stat-label">商店评分</div>
+                    <div class="stat-desc">Chrome Web Store</div>
+                </div>
+                <div class="stat-item">
+                    <div class="stat-number">0</div>
+                    <div class="stat-label">数据上传</div>
+                    <div class="stat-desc">100% 本地处理</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <!-- Features Section -->
     <section id="features" class="features">
         <div class="container">
             <div class="section-header">
                 <h2>为什么选择 FeHelper?</h2>
-                <p>为职场人量身打造的全能工具集</p>
+                <p>15年打磨,百万开发者信赖的全能工具集</p>
             </div>
             <div class="features-grid">
                 <div class="feature-card">
@@ -245,14 +336,14 @@
                         <i class="fas fa-bolt"></i>
                     </div>
                     <h3>超高性能 <span class="feature-sub">极速体验,极致流畅</span></h3>
-                    <p>基于 Manifest V3 构建,启动速度快,内存占用低,毫秒级响应,20万+开发者共同见证,真正不影响浏览器性能。</p>
+                    <p>基于 Manifest V3 构建,chrome.alarms 精准调度,启动速度快、内存占用低、毫秒级响应,30万+开发者共同见证。</p>
                 </div>
                 <div class="feature-card">
                     <div class="feature-icon">
                         <i class="fas fa-shield-alt"></i>
                     </div>
                     <h3>安全可靠 <span class="feature-sub">数据本地,隐私无忧</span></h3>
-                    <p>遵循最新安全标准,所有数据本地处理,绝不上传任何敏感信息,企业级安全保障,支持离线使用。</p>
+                    <p>v2026.04 全面安全加固:移除动态代码执行、消除 XSS 风险、添加输入守卫。所有数据 100% 本地处理,零上传。</p>
                 </div>
                 <div class="feature-card">
                     <div class="feature-icon">
@@ -265,8 +356,8 @@
                     <div class="feature-icon">
                         <i class="fas fa-tools"></i>
                     </div>
-                    <h3>工具齐全 <span class="feature-sub">30+ 专业工具,一站集成</span></h3>
-                    <p>涵盖开发调试、数据处理、图像转换、效率办公等6大类31种工具,JSON美化、Mock数据、接口调试、AI助手等,满足各类开发需求。</p>
+                    <h3>工具齐全 <span class="feature-sub">32+ 专业工具,一站集成</span></h3>
+                    <p>涵盖开发调试、数据处理、图像转换、效率办公等6大类32+种工具,JSON/BigInt、UUID/雪花ID、条形码、Gzip等,覆盖开发全流程。</p>
                 </div>
                 <div class="feature-card">
                     <div class="feature-icon">
@@ -291,16 +382,16 @@
         <div class="container">
             <div class="section-header">
                 <h2>强大的工具集</h2>
-                <p>每一个工具都经过精心设计,只为提升您的开发效率</p>
+                <p>32+ 精心打磨的专业工具,覆盖开发全流程</p>
             </div>
             <div class="tools-categories">
                 <div class="category-tabs">
                     <button class="tab-btn active" data-category="dev">开发工具类 (9种)</button>
                     <button class="tab-btn" data-category="image">图像处理类 (7种)</button>
                     <button class="tab-btn" data-category="encode">编解码转换类 (4种)</button>
-                    <button class="tab-btn" data-category="productivity">效率工具类 (4种)</button>
-                    <button class="tab-btn" data-category="calculator">计算工具类 (3种)</button>
-                    <button class="tab-btn" data-category="other">其他工具 (4种)</button>
+                    <button class="tab-btn" data-category="productivity">效率工具类 (5种)</button>
+                    <button class="tab-btn" data-category="calculator">计算工具类 (4种)</button>
+                    <button class="tab-btn" data-category="other">其他工具 (3种)</button>
                 </div>
 
                 <!-- 开发工具类 -->
@@ -310,8 +401,8 @@
                         <p>页面自动检测并格式化、手动格式化、乱码解码、排序、BigInt、编辑、下载、皮肤定制等</p>
                         <div class="tool-demo"><div class="json-demo"><pre><code>{
   "name": "FeHelper",
-  "version": "2025.6.2024",
-  "tools": ["JSON", "Mock", "AI", "Debug"]
+  "version": "2026.04.1320",
+  "tools": ["JSON", "UUID", "AI", "Gzip"]
 }</code></pre></div></div>
                     </div>
                     <div class="tool-card" data-category="dev">
@@ -358,16 +449,16 @@
                 <div class="tools-grid" data-category="encode">
                     <div class="tool-card" data-category="encode">
                         <h3><div class="tool-icon"><span>♨</span></div>信息编码转换</h3>
-                        <p>支持多格式的信息编解码,如Unicode、UTF-8、UTF-16、URL、Base64、MD5、Hex、Gzip等</p>
+                        <p>支持 Unicode、UTF-8、UTF-16、URL、Base64、MD5、Hex、JWT 解码,v2026.04 新增 <strong>Gzip 压缩/解压</strong>、<strong>字符串转义/去转义</strong></p>
                         <div class="tool-demo"><div class="encode-demo"><div class="encode-input">Hello World</div><div class="encode-arrows"><span class="demo-arrow">⇄</span></div><div class="encode-output">SGVsbG8gV29ybGQ=</div></div></div>
                     </div>
                     <div class="tool-card" data-category="encode">
                         <h3><div class="tool-icon"><span>❖</span></div>进制转换工具</h3>
-                        <p>支持2进制到36进制数据之间的任意转换,比如:10进制转2进制,8进制转16进制,等等</p>
+                        <p>支持2~36进制任意互转,v2026.04 升级为 <strong>BigInt 引擎</strong>,支持任意精度大数运算,告别精度丢失</p>
                     </div>
                     <div class="tool-card" data-category="encode">
                         <h3><div class="tool-icon"><span>♖</span></div>时间(戳)转换</h3>
-                        <p>本地化时间与时间戳之间的相互转换,支持秒/毫秒、支持世界时区切换、各时区时钟展示等</p>
+                        <p>本地化时间与时间戳互转,支持秒/毫秒、世界时区切换,v2026.04 新增 <strong>Windows FILETIME</strong> 转换</p>
                     </div>
                     <div class="tool-card" data-category="encode">
                         <h3><div class="tool-icon"><span>▶</span></div>颜色转换工具</h3>
@@ -378,8 +469,8 @@
                 <!-- 图像处理类 -->
                 <div class="tools-grid" data-category="image">
                     <div class="tool-card" data-category="image">
-                        <h3><div class="tool-icon"><span>▣</span></div>二维码/码</h3>
-                        <p>支持自定义颜色和icon的二维码生成器,并且支持多种模式的二维码解码,包括截图后粘贴解码</p>
+                        <h3><div class="tool-icon"><span>▣</span></div>二维码/条形码</h3>
+                        <p>二维码生成/解码 + v2026.04 新增<strong>条形码生成</strong>(Code128/EAN-13/EAN-8/UPC/ITF-14),支持 SVG/PNG 导出</p>
                         <div class="tool-demo"><div class="qr-demo"><div class="qr-code"><div class="qr-pattern"></div></div></div></div>
                     </div>
                     <div class="tool-card" data-category="image">
@@ -432,10 +523,20 @@
                         <p>自行配置页面匹配规则、编写Hack脚本,实现网页Hack,如页面自动刷新、自动抢票等</p>
                         <div class="tool-demo"><div class="monkey-script-demo">// 自动刷新脚本<br/>setInterval(refresh, 5000)</div></div>
                     </div>
+                    <div class="tool-card" data-category="productivity">
+                        <h3><div class="tool-icon"><span>🧠</span></div>便捷思维导图</h3>
+                        <p>轻量便捷,随想随用,支持自动保存、本地数据存储、批量数据导入导出、图片格式下载等</p>
+                        <div class="tool-demo"><div class="mindmap-demo"><div class="node-main"></div><div class="connector"></div><div class="node-sub"></div></div></div>
+                    </div>
                 </div>
 
                 <!-- 计算工具类 -->
                 <div class="tools-grid" data-category="calculator">
+                    <div class="tool-card" data-category="calculator">
+                        <h3><div class="tool-icon"><span>❄</span></div>UUID/ID生成器 <span class="tool-new-badge">NEW</span></h3>
+                        <p>v2026.04 全新工具!生成 UUID v4、Twitter Snowflake 雪花 ID、NanoID,支持批量生成与雪花 ID 反向解析</p>
+                        <div class="tool-demo"><div class="uuid-demo"><code>550e8400-e29b-41d4-a716-446655440000</code></div></div>
+                    </div>
                     <div class="tool-card" data-category="calculator">
                         <h3><div class="tool-icon"><span>½</span></div>Crontab工具</h3>
                         <p>一个简易的Crontab生成工具,支持随机生成Demo,编辑过程中,分时日月周会高亮提示</p>
@@ -452,11 +553,6 @@
 
                 <!-- 其他工具 -->
                 <div class="tools-grid" data-category="other">
-                    <div class="tool-card" data-category="other">
-                        <h3><div class="tool-icon"><span>🧠</span></div>便捷思维导图</h3>
-                        <p>轻量便捷,随想随用,支持自动保存、本地数据存储、批量数据导入导出、图片格式下载等</p>
-                        <div class="tool-demo"><div class="mindmap-demo"><div class="node-main"></div><div class="connector"></div><div class="node-sub"></div></div></div>
-                    </div>
                     <div class="tool-card" data-category="other">
                         <h3><div class="tool-icon"><span>📊</span></div>Excel转JSON</h3>
                         <p>将Excel或CVS中的数据,直接转换成为结构化数据,如JSON、XML、MySQL、PHP等</p>
@@ -518,7 +614,14 @@
                         <div class="timeline-year">2025</div>
                         <div class="timeline-content">
                             <h3>AI与智能化升级</h3>
-                            <p>集成AI智能助手,提供代码优化建议;新增Mock数据生成器、海报制作工具、图表制作等专业工具;个性化工具排序、夜间模式等用户体验全面升级;微信小程序版本发布。</p>
+                            <p>集成AI智能助手;新增Mock数据生成器、海报制作、图表制作等专业工具;夜间模式、工具排序等体验全面升级;微信小程序版本发布。</p>
+                        </div>
+                    </div>
+                    <div class="timeline-item">
+                        <div class="timeline-year">2026</div>
+                        <div class="timeline-content">
+                            <h3>安全加固 · 精度升级 · 新工具</h3>
+                            <p>v2026.04 重大更新:全面移除动态代码执行、消除 XSS 风险;新增 UUID/雪花ID 生成器、条形码生成、Gzip 压缩、字符串转义、FILETIME 转换;进制转换升级 BigInt 引擎;引入 Vitest 自动化测试 + CI 持续集成。</p>
                         </div>
                     </div>
                 </div>
@@ -825,11 +928,11 @@
         <div class="container">
             <div class="footer-content">
                 <div class="footer-main">
-                                    <div class="footer-logo">
-                    <img src="static/img/fe-48.png" alt="FeHelper Logo" class="logo-icon">
-                    <span>FeHelper</span>
-                </div>
-                    <p>为职场人打造的超级助手</p>
+                    <div class="footer-logo">
+                        <img src="static/img/fe-48.png" alt="FeHelper Logo" class="logo-icon">
+                        <span>FeHelper</span>
+                    </div>
+                    <p>Web开发者的超级工具箱</p>
                     <div class="social-links">
                         <a href="https://github.com/zxlie/FeHelper" target="_blank">
                             <i class="fab fa-github"></i>
@@ -845,23 +948,26 @@
                         <a href="#features">功能特性</a>
                         <a href="#tools">工具箱</a>
                         <a href="#download">下载安装</a>
+                        <a href="privacy-policy.html">隐私政策</a>
                     </div>
                     <div class="link-group">
                         <h4>开发者</h4>
                         <a href="https://github.com/zxlie/FeHelper" target="_blank">GitHub</a>
                         <a href="https://github.com/zxlie/FeHelper/issues" target="_blank">问题反馈</a>
+                        <a href="docs.html">文档中心</a>
                         <a href="https://github.com/zxlie/FeHelper/issues/412" target="_blank">联系我们</a>
                     </div>
                     <div class="link-group">
-                        <h4>支持</h4>
+                        <h4>安装</h4>
                         <a href="https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad" target="_blank">Chrome Store</a>
                         <a href="https://microsoftedge.microsoft.com/addons/detail/feolnkbgcbjmamimpfcnklggdcbgakhe" target="_blank">Edge Add-ons</a>
+                        <a href="https://addons.mozilla.org/zh-CN/firefox/addon/fehelper-%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/" target="_blank">Firefox Add-ons</a>
                     </div>
                 </div>
             </div>
             <div class="footer-bottom">
-                <p>&copy; 2024 FeHelper. Open source under MIT license.</p>
-                <p>Made with ❤️ for all office professionals</p>
+                <p>&copy; 2011-2026 FeHelper. Open source under MIT license.</p>
+                <p>Made with ❤️ for web developers worldwide</p>
                 <p class="footer-icp">
                   <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14006329号-1</a> |
                   <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14006329号-2</a>
@@ -895,14 +1001,13 @@
           wx.ready(function () {
             // 分享给好友
             wx.updateAppMessageShareData({
-              title: 'FeHelper - 职场人的超级助手',
-              desc: '全新升级!30+实用工具,支持Chrome/Edge/Firefox,开源免费,前端/数据/办公必备!',
+              title: 'FeHelper - Web开发者工具箱',
+              desc: 'v2026.04全新升级!32+实用工具,JSON/编解码/UUID/条形码/AI助手,支持Chrome/Edge/Firefox,开源免费!',
               link: url,
               imgUrl: 'https://fehelper.com/static/img/fe-128.png'
             });
-            // 分享到朋友圈
             wx.updateTimelineShareData({
-              title: 'FeHelper - 职场人的超级助手:全新升级!30+实用工具,开源免费,前端/数据/办公必备!',
+              title: 'FeHelper - Web开发者工具箱:v2026.04全新升级!32+实用工具,JSON/UUID/条形码/AI助手,开源免费!',
               link: url,
               imgUrl: 'https://fehelper.com/static/img/fe-128.png'
             });
@@ -911,7 +1016,7 @@
     })();
     </script>
 
-    <script src="static/js/script.js?v=20250628"></script>
+    <script src="static/js/script.js?v=20260413"></script>
 </body>
 </html> 
 

+ 48 - 38
website/llms.txt

@@ -1,6 +1,6 @@
-# FeHelper(前端助手)- Chrome浏览器扩展
+# FeHelper(前端助手)- Chrome/Edge/Firefox 浏览器扩展
 
-# Web前端各种小工具集合
+# Web开发者工具箱 - 32+ 实用工具集合 (v2026.04)
 
 ## 目录
 - [简介](#简介)
@@ -10,41 +10,55 @@
 
 ## 简介
 
-FeHelper(前端助手)是一个Chrome浏览器扩展,包含了前端开发过程中经常用到的小工具集合。旨在帮助前端开发者提高工作效率
+FeHelper(前端助手)是一个 Chrome/Edge/Firefox 浏览器扩展,包含了 Web 开发过程中经常用到的 32+ 种工具集合。始于 2011 年,历经 15 年打磨,全平台用户 300K+
 
 ## 特性
 
-FeHelper提供了众多实用工具,包括但不限于:
-- [JSON格式化工具](/docs/json-format.md) - JSON数据的美化、格式化、压缩、转义等
-- [代码美化工具](/docs/code-beautify.md) - 美化HTML、CSS、JS等代码
+FeHelper 提供了众多实用工具,包括但不限于:
+
+### 开发工具类
+- [JSON格式化工具](/docs/json-format.md) - JSON数据的美化、格式化、压缩、BigInt精度处理、排序、编辑、下载
+- [JSON比对工具](/docs/json-diff.md) - 两个JSON内容的自动键值比较,高亮差异点
+- [Mock数据生成器](/docs/mock-data.md) - 快速生成各种测试数据,支持JSON/CSV/SQL/XML输出
+- [代码美化工具](/docs/code-beautify.md) - 美化HTML、CSS、JS、XML、SQL等代码
 - [代码压缩工具](/docs/code-compress.md) - 压缩HTML、CSS、JS等代码
-- [二维码生成器](/docs/qr-code.md) - 将文本或URL转换为二维码
-- [页面性能检测](/docs/page-timing.md) - 分析网页加载性能
-- [网页截图工具](/docs/screenshot.md) - 网页滚动截屏
-- [字符串编解码](/docs/en-decode.md) - 各种编码/解码工具
-- [正则表达式测试](/docs/regexp.md) - 正则表达式在线测试
-- [时间转换工具](/docs/timestamp.md) - 时间戳与日期的相互转换
-- [图片Base64编码](/docs/image-base64.md) - 图片与Base64编码相互转换
-- [JSON对比工具](/docs/json-diff.md) - 比较两个JSON数据的差异
-- [颜色拾取器](/docs/color-picker.md) - 从网页上拾取颜色
-- [Postman接口调试](/docs/postman.md) - 接口调试工具
-- [Websocket调试](/docs/websocket.md) - Websocket连接测试工具
-- [便签笔记](/docs/sticky-notes.md) - 简单的便签记事本
-- [网格尺](/docs/grid-ruler.md) - 页面尺寸测量工具
-- [SVG转换器](/docs/svg-converter.md) - SVG与其他格式的转换
-- [Excel转JSON](/docs/excel2json.md) - Excel文件与JSON数据转换
-- [HTML转Markdown](/docs/html2markdown.md) - HTML代码转Markdown格式
-- [色值转换器](/docs/trans-color.md) - 不同颜色表示法之间的转换
-- [进制转换器](/docs/trans-radix.md) - 数字的进制转换
-- [密码生成器](/docs/password.md) - 随机密码生成工具
-- [Crontab解析](/docs/crontab.md) - Cron表达式解析与测试
-- [思维导图](/docs/naotu.md) - 在线思维导图工具
-- [海报制作](/docs/poster-maker.md) - 简易海报制作工具
-- [图表制作](/docs/chart-maker.md) - 数据可视化图表制作
-- [贷款计算器](/docs/loan-rate.md) - 贷款利率与还款计算
-- [页面定制](/docs/page-monkey.md) - 自定义网页样式和功能
-- [开发者工具](/docs/devtools.md) - 网页调试与检查工具
-- [AI助手](/docs/aiagent.md) - 智能AI助手功能
+- [简易Postman](/docs/postman.md) - 接口调试工具,支持GET/POST/HEAD
+- [Websocket工具](/docs/websocket.md) - Websocket连接测试与消息分析
+- [正则公式速查](/docs/regexp.md) - JavaScript/Python/PHP/Java正则表达式速查
+- [网站性能分析](/docs/page-timing.md) - 核心Web指标(LCP/FID/CLS)分析与优化建议
+
+### 编解码转换类
+- [信息编码转换](/docs/en-decode.md) - Unicode/UTF-8/URL/Base64/MD5/Hex/JWT/Gzip/字符串转义
+- [进制转换工具](/docs/trans-radix.md) - 2~36进制任意转换,BigInt引擎无精度丢失
+- [时间(戳)转换](/docs/timestamp.md) - 时间戳互转,支持时区切换、Windows FILETIME
+- [颜色转换工具](/docs/trans-color.md) - HEX/RGB颜色格式互转
+
+### 图像处理类
+- [二维码/条形码](/docs/qr-code.md) - 二维码生成/解码 + 条形码生成(Code128/EAN-13/EAN-8/UPC/ITF-14)
+- [图片Base64转换](/docs/image-base64.md) - 图片与Base64编码相互转换
+- [SVG转换器](/docs/svg-converter.md) - SVG转PNG/JPG/WEBP,可自定义尺寸
+- [图表制作工具](/docs/chart-maker.md) - 数据可视化图表,支持柱状/折线/饼图
+- [海报快速生成](/docs/poster-maker.md) - 营销推广海报制作
+- [网页截屏工具](/docs/screenshot.md) - 可视区域/全网页滚动截屏
+- [页面取色工具](/docs/color-picker.md) - 网页色值采集
+
+### 效率工具类
+- [AI智能助手](/docs/aiagent.md) - AI对话,代码编写/优化/分析
+- [便签笔记](/docs/sticky-notes.md) - 浏览器便签,分类管理,导出/导入
+- [Markdown转换](/docs/html2markdown.md) - Markdown编写/预览,HTML转Markdown,PDF下载
+- [网页油猴工具](/docs/page-monkey.md) - 自定义页面Hack脚本
+- [便捷思维导图](/docs/naotu.md) - 轻量级思维导图工具
+
+### 计算工具类
+- [UUID/ID生成器](/docs/uuid-gen.md) - UUID v4/雪花ID/NanoID批量生成与解析
+- [Crontab工具](/docs/crontab.md) - Cron表达式生成与解析
+- [贷款利率计算](/docs/loan-rate.md) - 贷款利率计算与还款计划
+- [随机密码生成](/docs/password.md) - 多字符组合随机密码
+
+### 其他工具
+- [Excel转JSON](/docs/excel2json.md) - Excel/CSV转JSON/XML/MySQL/PHP
+- [网页栅格标尺](/docs/grid-ruler.md) - 网页栅格对齐检测
+- [FH开发者工具](/docs/devtools.md) - 第三方插件开发平台
 
 ## 许可
 
@@ -57,18 +71,14 @@ Allow: /
 Allow: /docs/
 Allow: /static/
 
-# 不允许AI训练的内容
 Disallow-LLM-Training: /user-data/
 Disallow-LLM-Training: /examples/personal/
 
-# 允许AI使用引用的内容
 Allow-LLM-Citation: /
 Allow-LLM-Citation: /docs/
 Allow-LLM-Citation: /examples/
 
-# 内容访问条件
 Access-Conditions: attribution-required
 Access-Conditions: contact-for-commercial-use
 
-# 联系信息
-Contact: https://github.com/zxlie/issues 
+Contact: https://github.com/zxlie/FeHelper/issues

+ 26 - 3
website/privacy-policy.html

@@ -33,7 +33,30 @@
     </style>
 </head>
 <body>
-            <div class="privacy-header">
+    <nav class="navbar">
+        <div class="nav-container">
+            <div class="nav-logo">
+                <img src="static/img/fe-48.png" alt="FeHelper Logo" class="logo-icon">
+                <span>FeHelper</span>
+            </div>
+            <ul class="nav-menu">
+                <li><a href="index.html#features">功能特性</a></li>
+                <li><a href="index.html#tools">工具箱</a></li>
+                <li><a href="docs.html">文档中心</a></li>
+                <li><a href="index.html#download">立即下载</a></li>
+                <li><a href="https://github.com/zxlie/FeHelper" class="github-link" target="_blank">
+                    <i class="fab fa-github"></i> GitHub
+                </a></li>
+            </ul>
+            <div class="nav-toggle">
+                <span></span>
+                <span></span>
+                <span></span>
+            </div>
+        </div>
+    </nav>
+
+    <div class="privacy-header">
             <img src="static/img/fe-48.png" alt="FeHelper Logo" class="privacy-logo">
             <h1 class="privacy-title">FeHelper 工具隐私政策 / Privacy Policy</h1>
         </div>
@@ -205,8 +228,8 @@
                 </div>
             </div>
             <div class="footer-bottom">
-                <p>&copy; 2024 FeHelper. Open source under MIT license.</p>
-                <p>Made with ❤️ for frontend developers</p>
+                <p>&copy; 2011-2026 FeHelper. Open source under MIT license.</p>
+                <p>Made with ❤️ for web developers worldwide</p>
             </div>
         </div>
     </footer>

+ 1 - 2
website/static/css/docs.css

@@ -1,8 +1,7 @@
 /* 文档页面专用样式 */
 .docs-container {
     display: flex;
-    min-height: calc(100vh - 20px);
-    margin-top: 20px;
+    margin-top: 70px;
     position: relative;
 }
 

+ 188 - 1
website/static/css/style.css

@@ -2432,7 +2432,194 @@ body {
     color: #64748b;
     font-size: 0.95rem;
     margin-top: 32px;
-} 
+}
+
+/* ===== v2026.04 新版亮点区块 ===== */
+.whats-new {
+    padding: 80px 0 60px;
+    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
+}
+
+.whats-new-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+    margin-top: 40px;
+}
+
+.new-item {
+    background: #fff;
+    border-radius: 16px;
+    padding: 28px 24px;
+    box-shadow: var(--shadow-md);
+    border: 1px solid var(--border-light);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.new-item::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+}
+
+.new-item-security::before { background: linear-gradient(90deg, #10b981, #06b6d4); }
+.new-item-feature::before { background: linear-gradient(90deg, #8b5cf6, #3b82f6); }
+.new-item-enhance::before { background: linear-gradient(90deg, #f59e0b, #ef4444); }
+.new-item-engineering::before { background: linear-gradient(90deg, #06b6d4, #3b82f6); }
+
+.new-item:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-xl);
+}
+
+.new-icon {
+    width: 48px;
+    height: 48px;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 22px;
+    margin-bottom: 16px;
+}
+
+.new-item-security .new-icon { background: #ecfdf5; color: #059669; }
+.new-item-feature .new-icon { background: #ede9fe; color: #7c3aed; }
+.new-item-enhance .new-icon { background: #fef3c7; color: #d97706; }
+.new-item-engineering .new-icon { background: #e0f2fe; color: #0284c7; }
+
+.new-item h3 {
+    font-size: 1.1rem;
+    font-weight: 700;
+    margin-bottom: 8px;
+    color: var(--text-primary);
+}
+
+.new-item p {
+    font-size: 0.9rem;
+    line-height: 1.6;
+    color: var(--text-secondary);
+    margin-bottom: 12px;
+}
+
+.new-tag {
+    display: inline-block;
+    padding: 2px 10px;
+    border-radius: 20px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+}
+
+.tag-security { background: #ecfdf5; color: #059669; }
+.tag-new { background: #ede9fe; color: #7c3aed; }
+.tag-enhance { background: #fef3c7; color: #d97706; }
+.tag-eng { background: #e0f2fe; color: #0284c7; }
+
+@media (max-width: 1024px) {
+    .whats-new-grid { grid-template-columns: repeat(2, 1fr); }
+}
+@media (max-width: 640px) {
+    .whats-new-grid { grid-template-columns: 1fr; }
+    .whats-new { padding: 50px 0 40px; }
+}
+
+/* ===== 数据与信任统计区块 ===== */
+.trust-stats {
+    padding: 60px 0;
+    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
+    position: relative;
+    overflow: hidden;
+}
+
+.trust-stats::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 20% 50%, rgba(59,130,246,0.15) 0%, transparent 50%),
+                radial-gradient(circle at 80% 50%, rgba(139,92,246,0.15) 0%, transparent 50%);
+}
+
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    gap: 24px;
+    position: relative;
+    z-index: 1;
+}
+
+.stat-item {
+    text-align: center;
+    padding: 20px 10px;
+}
+
+.stat-number {
+    font-size: 2.5rem;
+    font-weight: 800;
+    background: linear-gradient(135deg, #60a5fa, #a78bfa);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    line-height: 1.2;
+}
+
+.stat-label {
+    font-size: 1rem;
+    font-weight: 600;
+    color: #e2e8f0;
+    margin-top: 8px;
+}
+
+.stat-desc {
+    font-size: 0.8rem;
+    color: #94a3b8;
+    margin-top: 4px;
+}
+
+@media (max-width: 1024px) {
+    .stats-grid { grid-template-columns: repeat(3, 1fr); }
+}
+@media (max-width: 640px) {
+    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
+    .stat-number { font-size: 2rem; }
+    .trust-stats { padding: 40px 0; }
+}
+
+/* ===== 工具卡片 NEW 标记 ===== */
+.tool-new-badge {
+    display: inline-block;
+    background: linear-gradient(135deg, #8b5cf6, #3b82f6);
+    color: #fff;
+    font-size: 0.65rem;
+    padding: 2px 8px;
+    border-radius: 10px;
+    font-weight: 700;
+    letter-spacing: 0.05em;
+    vertical-align: middle;
+    margin-left: 6px;
+}
+
+.uuid-demo {
+    background: #f1f5f9;
+    border-radius: 8px;
+    padding: 12px;
+    text-align: center;
+}
+
+.uuid-demo code {
+    font-size: 0.78rem;
+    color: #7c3aed;
+    word-break: break-all;
+    font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
+}
 
 /* 导航栏“在线使用”高亮按钮美化 */
 .nav-online-btn {

+ 11 - 10
website/static/js/docs.js

@@ -3,17 +3,18 @@ document.addEventListener('DOMContentLoaded', function() {
     const toolNameMap = {
         'json-format': 'JSON美化工具',
         'json-diff': 'JSON比对工具',
+        'mock-data': 'Mock数据生成器',
         'code-beautify': '代码美化工具',
         'code-compress': '代码压缩工具',
         'postman': '简易Postman',
         'websocket': 'Websocket工具',
         'regexp': '正则公式速查',
-        'page-timing': '网站性能优化',
+        'page-timing': '网站性能分析',
         'en-decode': '信息编码转换',
         'trans-radix': '进制转换工具',
         'timestamp': '时间(戳)转换',
         'trans-color': '颜色转换工具',
-        'qr-code': '二维码/码',
+        'qr-code': '二维码/条形码',
         'image-base64': '图片转Base64',
         'svg-converter': 'SVG转为图片',
         'chart-maker': '图表制作工具',
@@ -24,25 +25,25 @@ document.addEventListener('DOMContentLoaded', function() {
         'sticky-notes': '我的便签笔记',
         'html2markdown': 'Markdown转换',
         'page-monkey': '网页油猴工具',
+        'naotu': '便捷思维导图',
+        'uuid-gen': 'UUID/ID生成器',
         'crontab': 'Crontab工具',
         'loan-rate': '贷(还)款利率',
         'password': '随机密码生成',
-        'uuid-gen': 'UUID/ID生成器',
-        'devtools': 'FH开发者工具',
-        'index': '文档首页',
-        'grid-ruler': '网页标尺工具',
         'excel2json': 'Excel转JSON',
-        'naotu': '思维导图工具'
+        'grid-ruler': '网页栅格标尺',
+        'devtools': 'FH开发者工具',
+        'index': '文档首页'
     };
     
     // 工具分类映射
     const toolCategoryMap = {
-        'dev': ['json-format', 'json-diff', 'code-beautify', 'code-compress', 'postman', 'websocket', 'regexp', 'page-timing', 'devtools'],
+        'dev': ['json-format', 'json-diff', 'mock-data', 'code-beautify', 'code-compress', 'postman', 'websocket', 'regexp', 'page-timing'],
         'encode': ['en-decode', 'trans-radix', 'timestamp', 'trans-color'],
         'image': ['qr-code', 'image-base64', 'svg-converter', 'chart-maker', 'poster-maker', 'screenshot', 'color-picker'],
         'productivity': ['aiagent', 'sticky-notes', 'html2markdown', 'page-monkey', 'naotu'],
-        'calculator': ['crontab', 'loan-rate', 'password', 'uuid-gen'],
-        'other': ['grid-ruler', 'excel2json']
+        'calculator': ['uuid-gen', 'crontab', 'loan-rate', 'password'],
+        'other': ['excel2json', 'grid-ruler', 'devtools']
     };
 
     // 获取URL参数