Is there a jQuery debugger specifically for Chrome? Can’t seem to find one.
EDIT: What I really mean is this: Is there a debugger made specifically for debugging jQuery, not just javascript in general?
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Just use Chrome’s built-in debugging tools. Press CTRL + Shift + I to have the debugging tools appear. Use the “Scripts” section to debug scripts and the “Console” section to test stuff and as you mentioned, you can also inspect the elements that jQuery manipulate.
If you can’t get the debugger to stop in your code, explicitly add a debug statement via the keyword debugger. Remember to remove this before deploying to prod. A good way to ensure you remove it, is to compress your scripts using YuiCompress, . Not only will it compress the script, but it will also fail to compress if there are debugger statements in the client-side code.