Chrome开发者工具中关于“Deferred long-running timer task(s) ”的警告

原文地址：http://stackoverflow.com/questions/37367200/what-is-the-deferred-long-running-timer-tasks-warning-in-the-chrome-devtools

在开发过程当中遇到了题目描述的问题，使用 Google 搜索，中文答案不多，并且没有使人满意的。就在segmentfault上提了一个问题，并且很快我就发现被不少人收藏了该问题（SF网站问题被收藏时，会收到消息提醒）。也有一些网友回答该问题，可是一直没有优质的答案。

后来在 Stack overflow 找到比较好的答案，这个回答也是点“赞”数想当高的。英文好的同窗建议直接阅读英文，英文很差的同窗能够阅读下面个人翻译（英文水平有限，没有按照字句翻译，只是根据我对他们的理解来翻译）。

浏览器中报错的信息以下：

答案描述：

这个问题主要发生在当Blink(Chrome的渲染引擎)决定延时执行一个定时器函数的时候。好比：经过requestAnimationFrame,setTimeout,setInterval这些对象执行的函数。由于这些对象在执行函数时至少要花费 50ms的时间，若是在这个时候恰好有用户在网页上输入操做，Blink会优先执行用户的输入操做（好比：scrolls事件，tap事件）。

若是你的JavaScript代码在运行时也出现了这样的问题，多是使用者触发了一样的“行为”（指在执行定时器函数时，恰好有用户在操做）。下面有几种方式来复现这个问题：

1. 经过timer（定时器函数）触发了一段执行时间比较长的JavaScript代码；

2. 在移动端（或者是在开发者工具中模拟移动设备的模式下）；

3. 当手指与屏幕发生了真实的接触，而且发生了输入或者是滚动的行为。触摸页面或是快速的滚动页面也会触发这个问题，可是很是少见的并且不容易复现的。

4. 使用开发者工具中的“CPU throttling”模式延长JavaScript代码执行时间，可让你有更好的时机去复现该问题；

在console(控制台)中打印的消息指向的问题（chromium平台bug列表），能够从第40条评论中直接找到解决该问题的方法：

1. 在致使“deferral”的页面打开开发者工具记录时间线；

2. 选择整个时间线，而后在窗口底部打开“Event Log” 面板。

3. 在文本输入框中（Filter过滤的字段）中输入“Timer Fired”

4. 在列表中查找“总时间”超过50毫秒的定时器函数。这就是问题的所在。（当浏览器在处理用户的手势的情景下，定时器函数执行超过10毫秒也会触发该消息）

英文原文

若是阅读中文后还没法理解能够参考英文截图

---