JavaScript Tracker

2019年10月14日 开发者工具

插件截图

JavaScript Tracker

插件概述

Track JavaScript that uses DOM/jQuery APIs on web page at runtime

插件详情

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 : )

其他信息

官方唯一标识:pdkjocgj****************dfancbgh

官方最后更新日期:2019年3月5日

分类:开发者工具

大小:322KiB

版本:3.0.1

语言:English

提供方:none

星级:4.6

插件下载

下载链接一     下载链接二
Chrome插件离线安装教程

温馨提示

本站中的部份内容来源网络和网友发布,纯属个人收集并供大家交流学习参考之用,版权归版权原作者所有

如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

如果您觉得网多鱼对您有帮助,欢迎收藏我们 Ctrl+D