UD5工具箱
反馈表单构造器 - 打分/文本/多选一键生成
拖拽题型构建客户或员工反馈表，支持NPS、星级评分，导出填写链接或二维码。
0
PWA 审核评分
待评估
请勾选下方检查项开始评估
Manifest 清单
Web App 清单配置Service Worker & 离线
离线缓存与后台能力安全性
传输安全与内容策略可安装性与用户体验
安装流程与交互体验性能优化
加载速度与性能指标改进建议
勾选上方的检查项后，此处将显示待改进项目
PWA 审核常见问题
PWA（Progressive Web App）审核是对 Web 应用进行系统性评估的过程，检查其是否符合 PWA 的核心标准。通过评分可以量化应用在可安装性、离线能力、安全性、性能等方面的表现。高分 PWA 能提供接近原生应用的体验，提升用户留存率和转化率。Google Lighthouse 是常用的自动化审核工具，但人工逐项检查能发现更多细节问题。
manifest.json 是 PWA 的核心配置文件。关键字段包括：name / short_name（应用名称）、icons（至少需要 192px 和 512px 的图标用于主屏幕和启动画面）、start_url（应用启动路径）、display（建议设置为 standalone 以隐藏浏览器 UI）、theme_color（工具栏颜色）和 background_color（启动画面背景色）。缺少这些字段会导致安装提示无法触发。
Service Worker 是 PWA 离线能力的基石，它充当浏览器与网络之间的代理，可以拦截请求并决定如何响应。常见缓存策略包括：Cache First（优先使用缓存，适合静态资源）、Network First（优先请求网络，失败时回退缓存，适合 API 数据）、Stale-While-Revalidate（立即返回缓存，同时更新缓存）。良好的缓存策略能确保用户在离线或弱网环境下仍可访问应用。
是的，PWA 强制要求 HTTPS。Service Worker 只能在 HTTPS 环境下注册（localhost 除外）。HTTPS 确保数据传输的安全性，防止中间人攻击篡改缓存资源。此外，浏览器仅在安全连接下触发安装提示。建议使用 Let's Encrypt 等免费 SSL 证书，并确保所有第三方资源也通过 HTTPS 加载，避免混合内容问题。
提升 Lighthouse PWA 评分的关键措施：1）确保 manifest.json 完整且配置正确；2）注册功能完善的 Service Worker 并实现离线缓存；3）全站 HTTPS 无混合内容；4）提供高分辨率图标（至少 512px）；5）设置合理的视口 meta 标签；6）首屏加载优化（代码分割、懒加载、CDN 加速）；7）避免使用废弃的 API。建议定期使用 Lighthouse CI 进行自动化检测。
优势：无需安装或通过应用商店审核，更新即时生效；跨平台兼容，一套代码多端运行；URL 可分享，利于 SEO 和社交传播；占用存储空间小。局限：对设备硬件访问能力有限（虽在持续改善）；iOS 上 PWA 支持相对受限；复杂图形性能不及原生；后台运行能力受浏览器限制。总体而言，PWA 适合内容型、电商、资讯类应用，可大幅降低开发维护成本。
审核报告已复制到剪贴板
Web Worker计算演示 - 后台斐波那契不卡顿
在主线程和Worker中分别计算大斐波那契数，对比界面的响应度。
Webpack 打包分析器 - stats.json 可视化
上传 webpack 的 stats.json，生成交互式树状图、模块大小排名，辅助优化构建体积。
Kruskal 最小生成树动画 - 按边排序并查集
动画展示 Kruskal 算法选择边和合并集合的过程，高亮生成树边。
颜色对比度实时分析器 - 多标准WCAG AA/AAA检测
支持任意格式颜色输入，计算对比度并显示WCAG 2.1各级别通过情况，含颜色建议。
gRPC-Web 一元调用测试器 - 发送请求并查看序列化
输入 gRPC 服务地址和方法，构造 JSON 请求体，观察转为二进制帧并接收响应解码。
内容索引 API 查看器 - 管理离线可用内容列表
添加、列出和删除内容索引中的条目，展示离线可用内容。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
代码审查清单动态生成 - 按语言和项目定制
选择编程语言和关注领域（安全、性能、可读性），生成定制化的代码审查核对表。
NPM包名可用性查询 - 内置类似名称检查
输入包名，通过NPM Registry API查询是否已被占用，并显示近似的包名建议。
URL参数可视化提取 - 分层解析查询串
粘贴带参数的URL，以表格形式列出所有Query参数与值。
Catmull-Clark 细分曲面演示 - 控制网格迭代
载入简单控制网格，执行 Catmull-Clark 细分一次，观察光滑效果。
Web Worker 质数搜索器 - 不阻塞界面计算
在后台 Worker 中计算大范围内的质数，主线程实时绘制进度条，展示多线程优势。
正则表达式在线测试工具 - JavaScript正则校验
在线正则表达式测试工具，支持JavaScript正则匹配、替换、提取等操作，即时显示匹配结果和高亮。
内存分页替换模拟 - FIFO/LRU/OPT动画
设定物理页框数，输入页引用串，动画展示不同页面置换算法的缺页率。
Web Share API 实践器 - 调用系统分享对话框
触发系统原生分享，支持分享文本、链接与文件，检查浏览器兼容性与支持级别。
色盲友好调色板 - 定性数据配色推荐
展示几组在各类色盲下仍可区分的定性数据配色方案，含Hex码。
CLS 手动计算器 - 模拟布局偏移分数
输入移动距离和视口尺寸，手动模拟单个布局偏移的分数计算方式，加深对 CLS 的理解。
HTTP状态码参考表 - 在线查询含义与分类
完整展示HTTP状态码及其含义，按类别分组，支持搜索，是前端和后端开发常用的快速参考。
HTML内联样式提取器 - 批量整理为独立CSS
提取HTML中内联style属性或嵌入式style标签，转变为独立CSS规则，辅助样式重构。
Brainfuck在线解释器 - 步进调试
编写Brainfuck代码，以可视化的方式步进执行，观察活动纸带和指针。
数字排毒计划器 - 设定离线时段与替代活动
设置每日断网时段，并列出替代的线下活动，辅助减少屏幕时间。
演讲计时提示器 - 绿黄红阶段进度条
设定目标时长，全屏显示绿→黄→红进度条，辅助控制演讲节奏与时间管理。
PWA安装横幅演示 - 触发beforeinstallprompt
演示如何拦截PWA安装事件并自定义安装按钮，查看浏览器原生安装提示效果。
本地HTTPS代理演示 - 请求转发排查
通过Service Worker或本地fetch模拟拦截和转发请求，查看修改后的请求响应。
正则匹配交互式高亮器 - 实时多颜色分组
编写正则表达式，在文本中用不同颜色高亮整个匹配和每个捕获组。
Periodic Sync 事件模拟器 - 手动触发并查看结果
在开发环境中模拟 periodicSync 事件，触发后查看 SW 中的处理逻辑和网络请求。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
开源许可证匹配器 - 根据需求找协议
回答关于再发布、开源、专利等要求，工具推荐最合适的开源许可证。
SharedArrayBuffer 通信演示 - 跨 Worker 共享内存
在主线程和 Worker 之间使用 SharedArrayBuffer 和 Atomics 进行同步通信。