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 : )
谷歌浏览器、其他Chromium内核的浏览器
为打击盗链困扰,本站已启用人机验证
微信扫码关注左侧公众号,发送“插件”二字获得验证码,验证码5分钟全站有效