{"id":13852722,"url":"https://github.com/pilagod/js-tracker","last_synced_at":"2025-07-13T06:31:02.365Z","repository":{"id":90338461,"uuid":"69450676","full_name":"pilagod/js-tracker","owner":"pilagod","description":"A chrome extension tracks front-end JavaScript that uses DOM / jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) at runtime.","archived":true,"fork":false,"pushed_at":"2018-03-16T12:51:51.000Z","size":1244,"stargazers_count":397,"open_issues_count":0,"forks_count":15,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-08-05T22:42:08.632Z","etag":null,"topics":["chrome-extension","dom","javascript","jquery","js-tracker","tracking"],"latest_commit_sha":null,"homepage":"https://github.com/pilagod/js-tracker","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pilagod.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-09-28T10:01:00.000Z","updated_at":"2024-07-31T10:35:13.000Z","dependencies_parsed_at":null,"dependency_job_id":"6358aa47-0c3a-4ea5-ab75-e9ef451f6dd8","html_url":"https://github.com/pilagod/js-tracker","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pilagod%2Fjs-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pilagod%2Fjs-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pilagod%2Fjs-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pilagod%2Fjs-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pilagod","download_url":"https://codeload.github.com/pilagod/js-tracker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225861666,"owners_count":17535983,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","dom","javascript","jquery","js-tracker","tracking"],"created_at":"2024-08-04T22:01:34.200Z","updated_at":"2024-11-22T07:31:10.231Z","avatar_url":"https://github.com/pilagod.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"![Logo](https://github.com/pilagod/js-tracker/blob/master/assets/appicon-48.png)\nJavaScript Tracker \n[![Build Status](https://travis-ci.org/pilagod/js-tracker.svg?branch=master)](https://travis-ci.org/pilagod/js-tracker)\n[![Coverage Status](https://coveralls.io/repos/github/pilagod/js-tracker/badge.svg?branch=master)](https://coveralls.io/github/pilagod/js-tracker?branch=master)\n==================\n\nA chrome extension tracks 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.\n\n## Features\n\n* **Live Tracking**, what changes you see on page is what code you get.\n* **Code by Elements**, only listing the code that affects selected element.\n* **Brief Overview**, getting rough code information at a glance.\n* **Easy Filtering**, grouping manipulations into 5 types.\n* **Link to Source**, one click to see all details.\n* **Performance Improvement**, better performance than previous version by taking advantage of browser JavaScript engine\n\n## Demo Video\n\n[![JavaScript Tracker Demo](https://i.imgur.com/fLGShu9.png)](https://youtu.be/8AxKYsUHn1Q)\n\n## Installation\n\nAdd JavaScript Tracker to your Google Chrome from [Chrome Web Store](https://goo.gl/D6WVAX)\n\n## Usage (see [Demo Video](#demo-video) for visual guide)\n\n1. Go to the page you want to track (you can use [example page](https://pilagod.github.io/js-tracker/example/) to give it a try).\n\n2. Click JavaScript Tracker icon on Chrome  browser extension bar.\n\n3. Interact with the page opened by JavaScript Tracker.\n\n4. Open Elements panel in Developer Tools and select the element you are interested in.\n\n5. Go to the \"JS-Tracker\" sidebar to see what JavaScript code affects the selected element.\n\nThere are also [some websites](https://github.com/pilagod/js-tracker/blob/gh-pages/README.md) selected by me that you can try JavaScript Tracker as much as you like. 😄\n\n## Limitations\n\nThose elements wrapped in `\u003ciframe\u003e` can not be tracked, since `\u003ciframe\u003e` creates an independent executive environment of its parent.\n\n## Future Works\n\n* Support Firefox\n* Track [jQuery-UI](https://jqueryui.com)\n* Optimize resouce usage\n\n## Contribution\n\nSuggestions and discussions are highly welcome. Feel free to open issues or email me for any bug, question, idea or feature wish. 😃\n\n## Special Thanks\n\nSpecial thanks to Fiti, a fantastic UI/UX designer, for the design of logo, banner, music, and materials in sidebar. Without her I will never give birth to this project. 🙂️\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpilagod%2Fjs-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpilagod%2Fjs-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpilagod%2Fjs-tracker/lists"}