The Firefox developer tools are a handy, in-browser set of various tools that are very helpful in bringing the HTML, CSS, and JS of any page at your fingertips. While we debug our code, we need to obtain the details of a stylesheet, or check whether a JS file is loaded or not.
We can easily do this with the help of the Firefox developer tools. The toolkit contains numerous tools for a variety of purposes to help a developer with application development. Let's now discuss how to use some of these handy tools while we debug applications.
Console is an in-browser logging zone where HTML, CSS, JS, and other errors are displayed. Not only the errors, but warnings and unexpected results. We have already discussed how you can open console for your Firefox OS application in Chapter 2, Running Firefox OS Simulator with WebIDE.
You must have already used console to log your result of JS code using the console.log(message)
function, while some old...