Wednesday, November 23, 2011

Chrome Query

When creating websites I often use jQuery's .data() function to add data to elements. When debugging my web site I sometimes want to know what data is attached to an element.
For Google Chrome there is a extension Chrome Query which allows me to view jQuery data (it’s still an experimental extension).
Chrome Query:Extends the Developer Tools, adding a sidebar that displays the jQuery data associated with the selected DOM element.

To install the Chrome Query extension:
  1. First enable the experimental API support in Chrome.  Start Chrome, Go to chrome://flags, find "Experimental Extension APIs", click its "Enable" link, and restart Chrome. From now on, unless you return to that page and disable experimental APIs, you'll be able to run extensions that use experimental APIs.
  2. Extract the package
  3. Click on Load unpacked extension
  4. Select the folder where you extracted the extension and click OK.