Solved

Looking for JQuery debugging tools. Would like to hear from a .Net developer using VS 2012 or 2012.

Posted on 2013-11-10
2
242 Views
Last Modified: 2013-11-11
I am hoping to get a reply from an Expert who is a .Net developer, and has experience debugging JQuery. What are the top 3 tools you would recommend for debugging JQuery? I have heard of a tool called JConsole which seems interesting, however I have not had any experience with it, and am not sure I should invest time to learn it, if there is a better alternative.

And to the expert who uses JQuery, do you use multiple tools, or just one in particular. I use FireBug for debugging my CSS. There is a tool named FireQuery, however I don't know if it is any good either.
0
Comment
Question by:brgdotnet
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 160 total points
ID: 39637216
I simply use firebug or  chrome console.  You can see the javascript errors in either.  The first thing I always check is with http://validator.w3.org/ to make sure my rendered html validates.  Some html errors will prevent your js/jquery from working properly.   Otherwise, using the console can point you in the right direction.   If you are doing an ajax call and there are errors in the output or something is preventing the output, the next step is to make sure you have the output you are expecting either by running the page as stand alone or using alert(something) or console.log(something) to view your raw output.
0
 
LVL 33

Assisted Solution

by:Big Monty
Big Monty earned 100 total points
ID: 39639061
I'm a big fan of the Chrome debugger as well, I do a majority of my debugging using that, and I work on websites specifically designed for IE. On those cases where I can't use Chrome, IE has it's own developer tools built in, which isn't all that bad to work with.

If those 2 tools aren't what you're looking for, then I would recommend using FireBug / FireQuery, both very useful tools, and I would probably use them more if I din't like Chromes built in debugger so much :)
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The most up-to-date version of this article is on my Blog https://iconoun.com/blog/
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a pageā€¦
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

632 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question