API Monitor in Chrome with OffiDocs

DESCRIPTION:

Run the Chrome online web store extension API Monitor using OffiDocs Chromium online.

Show active intervals, scheduled timeouts, animation frames, idle callbacks, eval invocations, media events and properties

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

API Monitor web extension integrated with the OffiDocs Chromium online