How to use Firebug (Web development Debugging Tools)

Firebug is a plugin under Firefox, can debug all the website language, such as HTML,CSS, but firebug most attractive to me is the JavaScript debugging features, very convenient to use, and can be used in a variety of browsers (Ie,firefox, Opera, Safari). In addition, other functions are also very powerful, such as Html,css,dom's view and debugging, the overall analysis of the website and so on. In short, a complete set of powerful Web development tools.

2. Firebug installation first open Firefox browser, if you do not have a browser does not have a menu bar, you can press F10 or ctrl+shift+a to bring up the Firefox component expansion.

4. Then enter Firebug in the upper-right corner and return, select Firebug in the corresponding search results, then click Install, if the installation is finished, press F12 not to appear the corresponding debug window suggested restart Firefox browser.

   The following respectively on the Firefox 7 module simple description of its function, because I am a programmer so some advanced applications did not go to explore, just put their usual functions to explain

6. Press F12 to bring up the debug window and then move the mouse to select the corresponding effect you want to edit.

8. If you want to debug the jquery syntax you can also click on the console to start your jquery journey. And there are hints that are cool, and there's a bit of a taste of Linux's historical commands.

10. In other programming languages such as PHP to view the array can be used Var_dump,print_r to view the array has those corresponding elements, but JS is troublesome, I really do not know the way to view

    So I wrote an example, I generally use Dir and Console.log () to see, I do not know how others look at? More interesting is that the console API can also see the script run time really cow.

12. The following is the AJAX request dynamic Data, and made a simple linkage effect. To show how to view the returned data.

14. Perhaps Firebug most attracted me will be JS debugging, really convenient, as long as a simple set breakpoints, click to step into the JS script can be debugged.

16. 8

    Finally, if you want to study in depth, you can see how to use it here. Good luck!

    Https://getfirebug.com/wiki/index.php/Console_api

    Here are some more wonderful uses for you to explore.

How to use Firebug (Web development Debugging Tools)