Quite some time ago now, I finished my first ever jQuery plugin that could potentially be used by other people. It was this little jQuery debugger plugin and now I am happy to announce that I’ve created a mini site for it and I will soon release it to the official database of jQuery plugins.
For almost a year, my jquery debugging plugin has been on my computer, and I’ve been using it to display variable values with jquery for quite some time now. Although I thought it is useful, I was hoping to improve the code a bit before releasing it. I haven’t had a chance to improve the code just yet, but I released it anyways, with the hope that it will help someone out there in the world. Here’s a bit of info about it:
Basically, all this plugin does is display the value or a variable using jQuery. It is a method which accepts a variable as its first parameter, and then it does its best to display that variables value, as well as loop through all the properties of a variable, and display those values as well. It isn’t perfect, but I do find it helpful. I would keep trying to explain how this can help you debug javascript with jQuery, but I think its better just to view some examples. So, head on over to my jquery debugging plugin demo and test it out for yourself.
Until next time, Happy Coding! Oh yeah, and leave comments if you have any!
#1 by Claude LaBadie on August 6th, 2010
Quote
Thanks for this great piece of work. It is great to finally find a simple way to debug AJAX scripts.
Would you so kind to show newbies who badly need help debugging AJAX scripts how to install it.
Additionally, I personally think that this comment and a well crafted answer will be really valuable in SEO terms.
#2 by Andy on August 9th, 2010
Quote
For anyone wondering how to install this script, I’ll add a section to the demo site when I have some free time. But, if you or anyone else are wondering how to install my Alert++ jquery debugging plugin, these are the steps:
1. download the javascrpt file from my demo page, or the jquery plugins page (http://plugins.jquery.com/project/VariableDebugger)
2. FTP that file over to a suitable location on your webserver
3. edit the “head” section of your web page, adding this line: “<script type=”text/javascript” src=”andy.jqdebugger.js”></script>”
4. change the text in the src attirbute to point to the location you placed the script in.
That should be it. Thanks for your comment and your interest. Let me know if you have any problems or if this plugin is helping you out.