无需登录 数据私有 本地保存

事件循环延迟监测 - 检测主线程阻塞程度

30
0
0
0
用途说明

事件循环延迟监测工具仅供前端性能分析和学习参考使用。工具提供的延迟数据基于浏览器原生 API 测量,具有较高的准确性,但不构成任何性能保证或诊断结论。实际性能表现可能因浏览器版本、操作系统、硬件配置等因素而有所不同。建议将本工具的测量结果作为性能优化的起点,结合专业的性能分析工具(如 Chrome DevTools、Lighthouse)进行综合评估。

数据安全与隐私

所有监测数据均在用户浏览器本地处理和存储,不会发送到任何外部服务器。页面刷新或关闭后数据自动清空,不会保留任何用户信息。本工具不使用任何第三方分析或追踪服务,完全保障用户的项目代码安全和数据隐私。您可以放心在任何项目页面上使用本工具进行性能检测。

准确性与局限性

本工具的测量结果基于 setTimeout 回调延迟,能有效反映主线程的整体繁忙程度,但无法精确到具体代码的执行耗时。工具的采样频率和精度受限于浏览器的定时器分辨率,不同浏览器可能有微小差异。阻塞模拟功能产生的延迟是近似值,实际执行时间可能因系统负载而波动。建议将本工具用于性能趋势观察和问题筛查,精确的性能分析请使用专业的浏览器开发者工具。

知识产权

本工具由 UD5 工具箱团队独立开发,所有代码和设计均为原创。工具引用的 Bootstrap、Font Awesome 等前端框架遵循其各自的开源协议。用户在使用本工具过程中产生的任何性能数据和分析结果,其知识产权归用户所有。本工具不收集、存储或分享用户的任何业务数据。

责任限制

本工具按"现状"提供,不附带任何明示或暗示的保证。UD5 工具箱团队不对因使用本工具而产生的任何直接或间接损失承担责任。用户应自行判断工具输出结果的适用性,并承担使用风险。本工具不替代专业的性能审计服务,关键业务场景的性能评估建议寻求专业团队的支持。

简易 JS 内存性能分析器 - 对象分配追踪

手动触发创建大量对象,监控 performance.memory 的变化,初步判断内存增长趋势。

音画同步测试视频产生器 - 闪屏加滴答声

生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。

isInputPending演示 - 检测用户输入中断长任务

在执行长计算任务时,通过navigator.scheduling.isInputPending()及时中断以响应用户输入。

最新

速率限制头测试器 - 模拟达到限制并查看行为

模拟发送多个请求,观察 X-RateLimit-* 头部变化,理解速率限制机制。

箱线图与异常值检测器 - 自动标记极端值

输入数据集,生成交互式箱线图,自动计算 IQR 并标记异常值,显示详细统计量。

死锁检测图模拟 - 资源分配图算法

添加进程和资源请求/分配边,检测是否存在循环等待(死锁),并高亮。

分心记录器 - 捕捉闪现杂念

快速键盘记录分心想法,将其暂存以便后处理,清空大脑内存专注当下。

长任务检测器 - 使用 PerformanceObserver 监控

开启检测后持续记录超过 50ms 的长任务,列出其持续时间和来源,帮助优化 INP。

最新

.gitignore 规则测试器 - 验证文件是否被忽略

输入 .gitignore 规则和文件路径,检查该文件是否会被 Git 忽略,辅助编写排除规则。

热门

符号数字配对测验 - 认知处理速度

参照编码表,在规定时间内将符号对应成数字,测试认知处理速率。

热门

色盲模拟器 - 图片滤镜在线预览色觉缺陷

上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。

热门

环境光传感器读数 - 光照强度lux检测

通过AmbientLightSensor API读取当前环境光强度(勒克斯),辅助自适应亮度设计。

最新

环境光事件记录器 - 监听并记录光照变化

使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。

间歇性禁食计时器 - 轻断食窗口

设定16:8或5:2等禁食计划,自动显示当前是在进食窗口还是禁食窗口。

热门

图片隐写检测器 - LSB残差图查看

加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。

反应速度测试 - 屏幕变色即点击

等待背景从红变绿瞬间点击,记录毫秒级反应时间,可多次取平均。

最新

无障碍颜色组合测试 - 模拟不同视觉条件下的可读性

输入文本和背景颜色,同时模拟模糊、低对比度、色盲等效果,评估可访问性。

热门

像素排序艺术生成器 - Glitch故障风格

将图片像素按亮度或色相排序,生成拉伸条状的故障艺术效果。

逻辑斯蒂映射分岔图 - 混沌可视化

绘制逻辑斯蒂映射的分岔图,调节参数观察周期倍增与进入混沌的过程。

粉红噪音均衡器 - 每倍频等能量

生成粉红噪音并允许调节各频段增益,用于音响系统测试或助眠。

随机配色对比度测试 - 随机生成检查

随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。

间歇性断食计时器 - 16:8/5:2等模式追踪

选择断食计划,显示进食与禁食窗口倒计时,记录完成天数与感受,辅助轻断食习惯。

像素排序艺术生成器 - 方向/阈值控制

对图片像素沿特定方向按明亮度排序,生成拉伸条纹的数字艺术效果。

热门

文本乱码修复器 - 检测编码错误并尝试恢复

粘贴乱码文本,自动检测可能的编码混淆(如UTF-8读GBK),并尝试还原正确文字。

语义颜色测试器 - 将颜色与含义匹配看多久判断

显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。

简易逻辑分析仪 - 多通道数字时序图

手动绘制或导入数字信号数据,显示多通道同步时序图,用于分析 SPI/I2C 等协议。

全色盲模拟预览 - 网页URL转色觉障碍视图

输入网站URL(需可Iframe或截图),套用色盲滤镜预览实际视觉效果。

渐变断点可视化编辑器 - 拖拽色标调整渐变

在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。

四则运算限时训练 - 随机出题

设定倒计时,尽快完成加减乘除四则运算,统计速度和正确率。

在线音频压缩器 - 动态范围处理器

使用DynamicsCompressorNode实时调节音频的动态范围,控制阈值和比率。