Sunday, February 19, 2012

Browser Extension generating selector (jQuery, querySelector, querySelectorAll) for Firefox and Chrome

This browsers add-on calculate various combination for selectors for use in querySelector, jQuery to select element of a given page.




For Chrome:


1.  To install - Generate Selector

2.  Browse a page right click and Select "Generate Selector"



 3. Dialog will popup all item in the list box are selector to be use in jQuery, or querySelector




4. And now copy the text and use it : $('#sb_form_q')  or document.querySelector('#sb_form_q')




For Firefox:




1.  To install - Generate Selector

2.  Browse a page right click and Select "Generate Selector"


3. Dialog will popup all item in the list box are selector to be use in jQuery, or querySelector



4. And now copy the text and use it : $('#sb_form_q')  or document.querySelector('#sb_form_q')


Firefox Driver

1 comment: