Sunday, April 5, 2015

Chrome and JQuery Debugging Tips and Tools

Console Debugging Must Have: show array as table


Can't Live Without POSTMAN! Forget Fiddler!
https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?utm_source=chrome-app-launcher-info-dialog


JS Dev Docs
https://developer.chrome.com/devtools/docs/javascript-debugging
https://blog.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable

Extenstions Im using:
See all JQ Events on page!
http://www.sprymedia.co.uk/article/Visual+Event
https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim?utm_source=chrome-app-launcher-info-dialog


JQuery Selector Help:

Get JQuery Selector of any element (time saver big time)
https://chrome.google.com/webstore/detail/selector-assistant/ckdgigcpjmambfmbabgjmmcicnnkjemi?utm_source=chrome-app-launcher-info-dialog

Alternative to above, just as good!
https://chrome.google.com/webstore/detail/selector-assistant/ckdgigcpjmambfmbabgjmmcicnnkjemi?utm_source=chrome-app-launcher-info-dialog

Utils:

Copy HTML table as text tool:
https://chrome.google.com/webstore/detail/table-capture/iebpjdmgckacbodjpijphcplhebcmeop?utm_source=chrome-app-launcher-info-dialog


Auto refresh (saves time when testing web apps)
https://chrome.google.com/webstore/detail/easy-auto-refresh/aabcgdmkeabbnleenpncegpcngjpnjkc?utm_source=chrome-app-launcher-info-dialog