Debugging & Testing Tool

There are multiple tools available for debugging & testing the application.Some of them are listed below with description...

Basic and simple tools

SoupUI-Use for testing web service 

Internet browser Tool
Google Chrome tool
Firebug and Web Developer
Fiddler -Used to check network performance

These tools are useful to do following things
Debugging JavaScript-

1. Compilation Error:We can find syntax error
2. Viewing Scripts
3. Searching scripts
4. Breakpoint & debugging the code
5. change the value at runtime by watches & values
6. console window-Debugging the particular error at runtime and write a some code
7. Profiling Scripts-Check the performance of javascript or any other code.

• Developer Tool in Browser 
• https://jsfiddle.net/
• The console.log() Method
• http://jsbin.com/?html,js
• Firebug

Debugging CSS

1. The CSS View
2. Discovering Styles & modifying style at runtime
3. Adding rules
4. Copy the change code and update it in source code

Network Debugging

1. Viewing result
2. Status code
3. Browser cache
4. Debugging API call
5. Performance check