1. How to debug js source code in eclipse?
There are many JavaScript Development Tools that can be used for js debugging in eclipse. Details can be found at
https://eclipse.org/webtools/jsdt/debug/
2.How to debug js source code in Google Chrome?
Look at detailed explanation at https://developer.chrome.com/devtools/docs/javascript-debugging
3. How to debug js source code in Firefox?
Web Console
This is the first place to go when you're debugging a web page; open the Web console using the Web Console option in the Web Developer menu. This shows any JavaScript errors in your app, as well as any logging calls from the console API.
Browser Console
The Browser Console lets you see all JavaScript errors and logging in the browser, including from Firefox code. To enable it, go to about:config in the url bar and set devtools.chrome.enabled to true, or set the "Enable chrome and add-on debugging" option in the developer tool settings. Activate it through with the menu Tools > Web Developer > Browser Console.
Browser Debugger (Built-in)
On Firefox 19 or later, it's possible to use the built-in JS debugger on the browser itself. Go to about:config and set the following two prefs:
- devtools.chrome.enabled: true
- devtools.debugger.remote-enabled: true
After you restart the browser, you can access the Browser Debugger through Tools > Web Developer > Browser Toolbox. (Note that before Firefox 28, this was labeled "Browser Debugger" and only the debugger was available, not the whole toolbox.)
