JavaScript Tracker

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

类似JavaScript Tracker插件

jQuery Everywhere

jQuery on every pagejQuery Everywher..

jQuery on every pagejQuery Everywhere. As it has to be. Version 1.0.7.2. jQuery v1.10.1 Are you a developer? Wanna test thing on pages but JS sucks and that page isn't using jQuery..

| 开发工具

CSS and Javascript Injection

This plugin will remember all css/js..

This plugin will remember all css/js code you injected in every website and auto-inject them when web page is loaded You can inject css/javascript code to web pages with this plugi..

| 开发工具

Mini JS Console

Mini JS console that track console l..

Mini JS console that track console logs and detect JS errors/alerts and show them via Chrome notifications New in this version: Detect file not found and add error sources to the m..

| 开发工具

Copy DOM Content

This extension tries to copy the cur..

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements. An <iframes> found will be converted to <div&..

| 开发工具

JavaScript and CSS Code Beautifier

Beautify CSS, JavaScript and JSON co..

Beautify CSS, JavaScript and JSON code when you open a .css/.js/.json file. When looking at a CSS, JavaScript or JSON file, automatically(optional) make source code beautiful! Feat..

| 开发工具

XHR JSON Panel

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process. The extension presents a list with all XHR reque..

| 开发工具

Dev Helper

Dev helper is all in one development..

Dev helper is all in one development and profiling extension for Google Chrome which has the following features: - Profiling webpages and drawing charts showing loading time for al..

| 开发工具

JavaScript Breakpoint Collection

Find what code is responsible for pa..

Find what code is responsible for page behavior. For example, you can pause on page scroll, cookie access or when an alert box is shown. You can also break when a property on an ar..

| 开发工具

Selectify

Alt+click any element to generate it..

Alt+click any element to generate its optimum jquery selector path. If you are writing jQuery, you frequently decide and write the optimum jquery selector for your need. However, t..

| 开发工具

JScript tricks

You can trick any page! Add your own..

You can trick any page! Add your own JavaScript (powered by JQuery) and/or CSS to any page. #### App development suspended #### This app allows you to inject your own JavaScript or..

| 开发工具

Pragmatic message of the day

A pragmatic tip, every time you open..

A pragmatic tip, every time you open a new tab. With this extension, every time you open a new tab, a tip from the "The Pragmatic Programmer" book by Andy Hunt and Dave Thomas will..

| 扩展

ActionScript 3.0 Search

Adds support to the omnibox to searc..

Adds support to the omnibox to search the AS3 reference docs. Use this omnibox plugin to directly search the online AS3 help. Simply type 'AS3 ' to start your search, then the name..

| 扩展

GitHub Widener

将GitHub代码窗格扩展到整个窗口宽度。

将GitHub代码窗格扩展到整个窗口宽度。

| 扩展

GitHub Buttons on Mobile

A Firefox addon to add "watch" and "..

A Firefox addon to add "watch" and "star" buttons to the mobile version of GitHub. Unlike the desktop site, the mobile site of GitHub does not display the "Watch" and "Star" button..

| Firefox

sfCase2JiraTicket

此工具可帮助用户从salesforce信息中创建jira票证。

此工具可帮助用户从salesforce信息中创建jira票证。

| 扩展

Alexa Skills Kit Enhancer

Speed up Alexa Skill testing in the ..

Speed up Alexa Skill testing in the Alexa Skill Console This is a port to Firefox of the Chrome extension created by Jovo. Speed up Alexa Skill testing in the Alexa Skill Console T..

| Firefox

快手Xpath转化追踪插件Pro

1、此插件仅作为创建Xpath转化追踪时的技术操作支持，不会收集、监听或上传您的个人数据 2、使用此插件您不需要在落地页中添加代码，只需要填写落地页链接，并在模拟页面上选择要追..

1、此插件仅作为创建Xpath转化追踪时的技术操作支持，不会收集、监听或上传您的个人数据 2、使用此插件您不需要在落地页中添加代码，只需要填写落地页链接，并在模拟页面上选择要追踪转化行为的元素，即可完成转化上报，追踪落地页转化效果

| 扩展

App Store Analytics by SensorTower

Detailed App analytics: Category ran..

Detailed App analytics: Category rankings, competitors, review summaries Optimize your app's keyword rankings, track your downloads.

| 扩展

Gmail

Access Gmail easily, wherever you ar..

Access Gmail easily, wherever you are. This Gmail plugin is designed to make it easier for you to access your email from your main Gmail account. Open Gmail in a new tab with a sin..

| Firefox

Firahub

This extension changes the monospace..

This extension changes the monospace font on Github.com to Fira Code. I wrote this because the other guy's extension doesn't work. This extension changes the monospace font on Gith..

| Firefox