Book Image

Firebug 1.5: Editing, Debugging, and Monitoring Web Pages

By : Chandan Luthra, Deepak Mittal
Book Image

Firebug 1.5: Editing, Debugging, and Monitoring Web Pages

By: Chandan Luthra, Deepak Mittal

Overview of this book

<p>With the advent of RIA (Rich Internet Applications), most web pages are driven by a combination of JavaScript, AJAX, CSS, and so on. Web developers and designers find it hard to debug and fix the issues that crop up on the client side. Firebug is a wonderful toolkit to have in your arsenal for handling all such issues. This book covers all of Firebug's features and will help you utilize its capabilities with maximum efficiency. AJAX development and debugging is not one of the easiest tasks; this book explains step-by-step, how to develop and debug AJAX components in your web page in a very easy way, thereby increasing your productivity. Topics like performance tuning of the web page are covered in detail.<br /><br />This book discusses how to become more efficient in various aspects of web development by using Firebug. It is a very easy-to-understand, step-by-step guide that explains all the features of Firebug with concise and simple examples. With this book in hand, you will be able to deal with the painful areas of web development like JavaScript and AJAX debugging using Firebug.<br /><br />The book takes you from the basics of Web Development like editing HTML and CSS on the fly to advanced features like AJAX, JSON, Monitoring, and Performance Tuning of web pages. It assumes that you have some very basic knowledge of HTML and JavaScript. For those of you with a sound knowledge of these technologies, this book can help you increase your productivity by using Firebug effectively, taking full advantage of its rich and powerful features and the console API. Towards the end, the book explains how to create your own powerful extensions for the Firebug community.&nbsp;</p>
Table of Contents (18 chapters)
Firebug 1.5: Editing, Debugging, and Monitoring Web Pages
Credits
About the Authors
About the Reviewers
Preface
Index

Configuring Firebug to our taste


If we don't want to remember the default shortcut keys provided by Firebug, we can always configure it to remember our set of keys.

On the top left-hand side of the Firebug window, we will find a button, and clicking on it will open the Firebug menu. Now, let's select the Customize Shortcuts option from the menu.

A modal window will open and now we can easily customize our keyboard shortcuts.

There is a list of the shortcut keys that we can use on Firebug. If we want to change the combination of the keys, we can move the cursor to the respective textbox whose shortcut we want to change, and press our favorite combinations of keys that we want to set for that functionality.

Firebug also provides us with a reset button for each keyboard shortcut. If we messed up the combinations, we can always reset the key combinations to the defaults.