Description from extension meta
Show active intervals, scheduled timeouts, animation frames, idle callbacks, eval invocations, media events and properties
Image from store
Description from store
If you're web developer and want to assess implementation correctness - this tool adds additional panel to the browser’s DevTool that enables to see scheduled timeouts and active intervals, as well as to review and navigate to initiators of: eval, setTimeout, setInterval, requestAnimationFrame, requestIdleCallback and their terminator functions.
Allows:
- to measure callback execution self-time.
- to see requestAnimationFrame callback request frame rate.
- visit every function in the call stack (if available), bypass or pause while debugging.
- detect eval function usage, see its argument and return value, same for setTimeout and setInterval when called with a string instead of a function.
- for every mounted video or audio media element's to see it’s state and properties.
Helps to spot:
- incorrect timeout delay.
- bad handler for terminator function.
- terminating non existing or elapsed timeout.
Motivation:
- To expedite issues discovery.
Wrapped native functions:
- eval (by default off)
- setTimeout
- clearTimeout
- setInterval
- clearInterval
- requestAnimationFrame
- cancelAnimationFrame
- requestIdleCallback
- cancelIdleCallback
Note:
- while measuring performance of your code – consider disabling this extension as it may affect the results.
Source code: https://github.com/zendive/browser-api-monitor