JavaScript Tracker

评分:3.35 | 开发者工具 | 322KiB

This extension is for web developers to track front-end JavaScript that uses 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 an element is selected in Elements Panel of Chrome Developer Tools, the “JS-Tracker” sidebar beside Elements Panel will show brief information (api type, source file, line, column and code) about those code affect the selected element.

With this extension, developers can easily filter all possible JavaScript code causing unexpected behavior of selected element at a quick glance. It is needless to search 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 welcome to the github link above, and hope you will have better debugging experience of web pages that are based on DOM/jQuery APIs with this extension : )