如何阻止Chrome运行长耗时JavaScript程序时弹出无响应错误？

方案一：调整Chrome本地配置（仅对当前用户的浏览器生效） #

• Chrome默认的无响应弹窗触发逻辑，是检测到当前标签页主线程连续被同步代码阻塞达到固定阈值（约20秒）就会弹出提示
• 可通过Chrome实验性功能调高这个判定阈值：在地址栏输入chrome://flags/#hung-tab-assertion-timeout，将默认的20000ms（20秒）值修改为更大的数值（如120000ms即2分钟），重启Chrome后配置即可生效
• 注意：该配置无法强制应用于所有访问你页面的用户浏览器，仅能修改当前操作设备上的Chrome行为；若阈值设置过高，真出现页面卡死时会缺乏即时反馈，反而降低使用体验

方案二：JavaScript代码侧优化（根本解决，推荐） #

长任务触发无响应提示的本质，是耗时逻辑完全占用主线程同步执行，阻塞了浏览器的事件循环，从代码层面调整可彻底避免弹窗：

• 拆分超大同步函数：将完整的长耗时逻辑拆分为多个粒度较小的执行块，每完成一个执行块，就将后续执行逻辑通过setTimeout(() => 下一块逻辑(), 0) 或 queueMicrotask 交回事件循环，让浏览器有空闲时间处理自身的状态检测、渲染任务，就不会触发无响应判定；如果拆分的逻辑涉及DOM操作，注意控制单次DOM修改的粒度，避免频繁触发页面重排影响性能
• 纯计算类逻辑迁移至Web Worker：对于不涉及DOM操作的长耗时计算，可将完整逻辑放到独立的Worker线程中运行，主线程不会被任何计算逻辑阻塞，既可以彻底消除无响应弹窗，还能利用CPU多核能力提升计算效率
• 不推荐的投机方案：不要尝试通过在长任务执行过程中插入同步弹窗、阻塞调用的方式绕过检测，这类方式稳定性极差，且会严重打断用户正常操作流程

内容的提问来源于stack exchange，提问作者somia