Chrome Developer Tools extension for jQuery development
New Selector Inspector panel Comfortably inspect your jQuery selectors, and watch their matching elements displayed on any website. Designed to help you understand easily even the most complex selectors. Two new sidebars on the Elements panel jQuery Data sidebar - shows the jQuery and HTML5 data of the selected element. jQuery Events sidebar - shows the event handlers of the selected element, including events that are live or delegated on other elements which have an affect on the selected element.
- (2018-07-12) Vishwas Raj: awesome
- (2017-08-22) Luke Hardiman: Great plugin but you cant copy the event data you can only inspect it. Would be great to be able to copy the event data, or click and it goes to the js/event code.
- (2017-07-12) Frederic Rufin: Nice !
- (2016-11-13) Gavin Hatch: Awesome! Such a help! I have been a web developer for only 6th months and progressed greatly with this app! I am actually a 13 year old and am interested in web development. I can design high end website with my languages html, css, jQuery, and a little bit of ajax and angularJs. Get this app it's amazing!
- (2016-08-17) Adrian Mönnich: Great extension, but the "jquery events" pane does not adapt well to the dark style of the developer tools. 5 stars if you fix this!
- (2016-07-26) Test 007: Very Good
- (2016-05-16) István Járomi: dont work
- (2016-05-15) Aashish Sharma: Doesn't work with dark theme! You can't see the text properly in the panel.
- (2016-04-27) Shawn Becker: Doesn't work on Chrome Version 50.0.2661.86 (64-bit) on MacOSX Yosemite OS X 10.10.5 (14F1713)
- (2016-04-15) Adriaan Weideman: Not workingg in chrome 50.0.2661.75. Is there something everybody is missingg in how to use this extention? or has nothing been done to improve this extetion?
- (2016-04-14) T D: Does not work!
- (2016-01-08) Pavel Kukov: Very useful. Thank you!
- (2015-11-25) Voinescu Voinea: Great tool
- (2015-10-08) Petar Živković: Works perfectly on Chrome 46!
- (2015-08-13) Asep Abdulrohman: bohong da
- (2015-06-10) Máté Kotroczó: It's ok and a missing feature patcher in Chrome but: Don't works in iframe. I have to open iframe src in new tab to use jQuery Debugger. Anyway it's cool. Thank you!
- (2015-05-21) Md Sajedur Rahman: I can't navigate to the file
- (2015-04-21) варя ибрагимова: i'd like to have file and line of event handler definition as a link as well
- (2015-04-06) Павел Бардов: Полезного мало
- (2015-03-25) doesn't work.
- (2015-03-23) Mark Castle: Doesn't appear to work at all?? Chrome version: 41.0
- (2015-03-18) nicolò andreozzi: very very helpful
- (2015-03-12) Francis Trujillo: To those who could not get it to work....was jQuery loaded on the page you were looking at? If not, you will not see anything. If you do have jQuery loaded, then when you do supply a valid selector, then it will color code the element(s) properly. This code helped me break down a complex piece of jQuery that did an ajax call to Sharepoint 2013 and allow me to see what the author of the code was selecting at each stage. A lot of old posts. Give it a shot again. I am just a user of the code, not a developer of it. Not the best tool, but pretty darn good and easy once you figure out how to use it. The only reason I did not give 5 stars is that of the lack of getting started docs. Other than that, good tool!!
- (2015-01-22) Aman Sharma: osum
- (2017-01-06, v:0.1.3.2) Johan Fredrik Varen: Possible to see proxied code?
A lot of event listeners gets registered using jQuery.proxy. When I expand an event listener in the "jQuery Events" tab, all I see is the code of jQuery.proxy and not of my own event handler code. Any way to achieve this?
- (2016-04-18, v:0.1.3.2) nicolò andreozzi: improve text color contrast
The text color contrast is very bad if I set the chrome dark template.
- (2016-03-14, v:0.1.3.2) BritFrag: Does not work
Using Version 49.0.2623.87 m (64-bit) Chrome doesn't seem to work. Any ideas how to get this awesome tool working guys?
- (2015-12-16, v:0.1.3.2) Eugene Juggernaut: License
Hey there. I've got a question. What license is this plugin distributed under, and if it is any kind of opensource, where can I take a look on the code? In case if it is not opensource but you don't mind sharing sources - please do, that would make me totally happy. I really like your plugin, but I'd like to make some improvements of it for my personal use. If you want, I can commit them to main branch of course.
- (2015-07-03, v:0.1.3.2) Tony Hales: Objects not expanding
When I view object properties that if the property is a full property (with a get and set function) the value is shown as (...) until clicked. When I click it, it shows the value or the name of the object, but I cannot expand this object at all, it has no arrow and cannot be double clicked to expand the object.
- (2015-05-20, v:0.1.3.2) Crashes on inspection
Crashes Chrome on inspection of an element in v42.0.2311.152
- (2015-04-19, v:0.1.3.2) links
Hello, can we have not only stringified event handler code but also a link to actual JS where handler is like it is done in debugger console?
- (2015-02-05, v:0.1.3.2) Piotr Dobrogost: jQuery Events tab does not work
jQuery Events tab is visible and clickable but it remains blank all the time. Chrome 40.0.2214.95 (64-bit), jQuery 1.8.3
- (2014-11-30, v:0.1.3.2) Jose Ignacio Alarcia López: información en español
para que sirve esto???
- (2014-11-26, v:0.1.3.2) Salman Sadiq: shorten the plugin name
Hey, I think plugin name is too long, 'jquery selector inspector' this should be shortened because I have other extension and this takes all the space in devtools window header. right? Salman