The extension will append onto Chrome’s Developer Tools which allows you to analyze and delve into any jQuery source code with dynamic control. It’s completely open source on GitHub<\/a> with some handy introductory guides for getting started.<\/p>\n Here’s a brief technical rundown of the plugin’s capabilities:<\/p>\n jQuery Audit creates a sidebar in the Elements panel containing jQuery delegated events, internal data, and more, as live DOM nodes, functions, and objects.<\/p>\n Find delegated events and their handlers.<\/p>\n Variables behave like objects in the “Sources panel – Scope Variables” sidebar. You can right-click on a function and goto “Show Function Definition”, or hover over a DOM node to highlight it in the document, as well as right-clicking it to “Reveal in Elements Panel”.<\/p><\/blockquote>\n Generally speaking, this is one of the best tools for a new jQuery developer. You’ll be able to pull definitions for native jQuery methods while also studying how bits of code behave. <\/p>\n It’s especially helpful for breaking down jQuery plugins that you may not fully comprehend.<\/p>\n To get this in your browser just visit the Chrome Web Store<\/a> and install jQuery Audit for free today!<\/p>\n![\"Audit](\"https:\/\/storage.googleapis.com\/webdesignledger.pub.network\/WDL\/2015\/10\/audittest.jpg\")