JavaScript Tracker Chrome Extension

tracking javascript (DOM or jQuery APIs) on web page at runtime.

This extension is for web developers to track front-end javascript which using dom or jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) on web page at runtime.

Any DOM / jquery apis triggered by page actions to manipulate html dom elements at runtime will be recorded.

Once a element is selected in elements panel of Chrome DevTools, the sidebar pane “JS Tracker” beside Elements Panel will show brief information (file, line, column and source code) only about those code manipulating the selected element.

With this extension, developers can easily filter all possible javascript code causing unexpected behaviour of selected element at a quick glance.

It is needless to search all scripts and hundreds or even thousands lines of code to identify possible error candidates before really start tackling the bug anymore.

Github: https://github.com/pilagod/js-tracker Example: https://pilagod.github.io/js-tracker/example/ Suggestions are highly welcomed to the github link above, and hope you will get better debugging experience of web page with this extension : )