Best JavaScript Debugging Tools

Debugging JavaScript code can be real pain in ass as finding errors in bunch of code is quite time consuming and arduous task for developers.

In this article we have gathered some of the Best JavaScript Debugging Tools that will turn out to be handy while debugging millions of JavaScript code without much hassle and help you to achieve more accurate results. If you are aware of any other JavaScript Debuggers, please let us know by posting a comment below.

1. Sublime Web Inspector

If you use Sublime Text Editor for your JavaScript editing, then Sublime Web Inspector allows you to debug from the same program you edit with. It works on top of WebInspectorProtocol, with all information displayed in console and text files.

2. Js Bin

JS Bin is an open source collaborative web development debugging tool. JS Bin allows you to edit and test JavaScript and HTML. Once you’re happy you can save, and send the URL to a peer for review or help.

3. JavaScript Debug

This code provides a simple wrapper for the console’s logging methods, and was created to allow a very easy-to-use, cross-browser logging solution, without requiring excessive or unwieldy object detection. If a console object is not detected, all logged messages will be stored internally until a logging callback is added. If a console object is detected, but doesn’t have any of the debug, info,warn, and error logging methods, log will be used in their place.

4. Theseus

Theseus is a new type of JavaScript debugger for Node.js, Chrome, and both simultaneously. It is an extension for the Brackets code editor. Theseus shows the number of times that every function has been called next to its definition. Functions that have never been called are also given a gray background. You can watch the code light up as you interact with the web page.

5. JS Hint

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. JSHint is open source and will always stay this way.

6. Aardwolf

Aardwolf is a remote JavaScript debugger for Android / iOS / Windows Phone 7 / BlackBerry OS 6+ and is written in JavaScript. It’s available under the MIT license.

7. Debug

Debug is a small library for logging debug messages. Since it is just a wrapper around console.log, it works in both Node and the Browser. It allows you to filter logging output without changing your source and it also outputs time differences which lets you easily tell how much time has elapsed between log message.

8. Vorlonjs

Vorlon.js is an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io. You can install Vorlon.JS and add a single line of JavaScript to your web app. Run your server and start the Vorlon.JS dashboard. Debug JavaScript on nearly any platform with a web environment. Plugins allow you to add new features and resources.

9. JavaScript Debugger

Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aimed to provide a powerful JavaScript debugging environment for Mozilla based browsers.

10. Pioneer

Pioneer is an easy to understand JavaScript DSL to interact with your app using a real browser, for testing its state compared to expectations. It makes it easier to write and debug your interaction tests, and it’s stack agnostic.

11. FindBugs

This tool helps locate bugs in the Java programs by implementing static analysis. FindBugs is available for free and can be used as a GUI or plugin for NetBeans, IntelliJ, Eclipse and mode IDEs.

12. Hyperproxy

hyperProxy is a node.js is a local proxy for using local files for debugging and testing of production sites by front-end developers. It’s easy to setup, configure, and use, and avoids using your live production site (and your users) as a testing ground.

13. Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

14. Tutti

Tutti is a open source web application that enables you to interactively execute Javascript on multiple web browsers at the same time. It is used by simply creating a room (session) and connecting to that room by copy-pasting the unique URL generated from any browser you want. After that, when you execute a JavaScript command from the shell, it will be executed on every connected browser with the help of technologies like Socket.IO, node.js and WebSocket.

15. Jsdt

Javascript Debug Toolkit is a software can debug javascript in ie,firefox,safari,chrome,opera,mobile ie browser,mobile opera browser and so on .It works in all the browser support ajax.

Source : http://jqueryhouse.com/best-javascript-debugging-tools/