API Monitor

★★★★★
★★★★★
67 users
<
>
COMPLETE Facebook MANUAL for BEGINNERS: How to Use Facebook Including Secrets They Don't Tell You [Book]
★★★★★
★★★★★
Huge Lot Of Fisher Price Little People Animals & People Figures Fire
★★★★★
★★★★★
Connections
★★★★★
★★★★★
Little People Mixed Lot Of 50 + People, Animals & Vehicles
★★★★★
★★★★★
Red Dragon Players Extra Thick Hardcore Iceman Black Stack Freestyle Dart Flights
★★★★★
★★★★★
8.7 Cu. ft. Manual Defrost Chest Freezer in White HMCF9W3
★★★★★
★★★★★

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/bro wser-api-monitor
Related