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
241 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

Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

Question has a verified solution.

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

What is a Lightbox? A Lightbox is the effect you see when you click, for example, an image and the screen fades out and up pops the same image but in its full size dimensions. There are lots of Lightbox effects for jQuery. Problem is they are a…
In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

734 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