后來在 Stack overflow 找到比較好的答案，這個(gè)回答也是點(diǎn)“贊”數(shù)想當(dāng)高的。英文好的同學(xué)建議直接閱讀英文，英文不好的同學(xué)可以閱讀下面我的翻譯（英文水平有限，沒有按照字句翻譯，只是根據(jù)我對(duì)他們的理解來翻譯）。

瀏覽器中報(bào)錯(cuò)的信息如下：

答案描述：

這個(gè)問題主要發(fā)生在當(dāng)Blink(Chrome的渲染引擎)決定延時(shí)執(zhí)行一個(gè)定時(shí)器函數(shù)的時(shí)候。比如：通過requestAnimationFrame,setTimeout,setInterval這些對(duì)象執(zhí)行的函數(shù)。因?yàn)檫@些對(duì)象在執(zhí)行函數(shù)時(shí)至少要花費(fèi) 50ms的時(shí)間，如果在這個(gè)時(shí)候剛好有用戶在網(wǎng)頁上輸入操作，Blink會(huì)優(yōu)先執(zhí)行用戶的輸入操作（比如：scrolls事件，tap事件）。

如果你的JavaScript代碼在運(yùn)行時(shí)也出現(xiàn)了這樣的問題，可能是使用者觸發(fā)了同樣的“行為”（指在執(zhí)行定時(shí)器函數(shù)時(shí)，剛好有用戶在操作）。下面有幾種方式來復(fù)現(xiàn)這個(gè)問題：

1. 通過timer（定時(shí)器函數(shù)）觸發(fā)了一段執(zhí)行時(shí)間比較長的JavaScript代碼；
2. 在移動(dòng)端（或者是在開發(fā)者工具中模擬移動(dòng)設(shè)備的模式下）；
3. 當(dāng)手指與屏幕發(fā)生了真實(shí)的接觸，并且發(fā)生了輸入或者是滾動(dòng)的行為。觸摸頁面或是快速的滾動(dòng)頁面也會(huì)觸發(fā)這個(gè)問題，但是非常少見的而且不容易復(fù)現(xiàn)的。
4. 使用開發(fā)者工具中的“CPU throttling”模式延長JavaScript代碼執(zhí)行時(shí)間，可以讓你有更好的時(shí)機(jī)去復(fù)現(xiàn)該問題；

在console(控制臺(tái))中打印的消息指向的問題（chromium平臺(tái)bug列表），可以從第40條評(píng)論中直接找到解決該問題的方法：

1. 在導(dǎo)致“deferral”的頁面打開開發(fā)者工具記錄時(shí)間線；
2. 選擇整個(gè)時(shí)間線，然后在窗口底部打開“Event Log” 面板。
3. 在文本輸入框中（Filter過濾的字段）中輸入“Timer Fired”
4. 在列表中查找“總時(shí)間”超過50毫秒的定時(shí)器函數(shù)。這就是問題的所在。（當(dāng)瀏覽器在處理用戶的手勢(shì)的情景下，定時(shí)器函數(shù)執(zhí)行超過10毫秒也會(huì)觸發(fā)該消息）

 

英文原文

如果閱讀中文后還無法理解可以參考英文截圖