PWA 审核评分计算器 - 根据清单离线能力等评估
填写 Manifest、Service Worker、HTTPS 等实施情况,计算 PWA 完备度分数并给出改进建议。
UD5工具箱
PeriodicSyncManager)允许Web应用在后台定期同步数据,即使浏览器标签页已关闭。它通过Service Worker注册周期性同步任务,浏览器会在合适的时机(如连接Wi-Fi、设备充电时)执行同步。注册方式:navigator.serviceWorker.ready.then(reg => reg.periodicSync.register('sync-tag', { minInterval: 3600000 }))。目前该API主要在Chrome(Android)上受支持,需要站点安装为PWA。本工具模拟的正是这类同步行为的简化版本,帮助理解其工作原理。
填写 Manifest、Service Worker、HTTPS 等实施情况,计算 PWA 完备度分数并给出改进建议。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
输入提交范围并标记好/坏提交,自动生成bisect步骤指令,加速定位引入问题的提交。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
监听全局错误事件和未处理的 Promise 拒绝,在仪表板上展示错误堆栈和发生次数。
通过Service Worker或本地fetch模拟拦截和转发请求,查看修改后的请求响应。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
添加、列出和删除内容索引中的条目,展示离线可用内容。
上传图标文件并设置背景色,模拟在 Android/iOS 主屏幕上的添加效果,检查视觉适配。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
粘贴 package.json 内容,检查必填字段、许可证合规、依赖版本格式等常见问题。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
编写正则表达式,在文本中用不同颜色高亮整个匹配和每个捕获组。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
输入开发者名单,依规则随机组成搭档,尽量不重复近期配对。
选择编程语言和关注领域(安全、性能、可读性),生成定制化的代码审查核对表。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。