Firebug 1.5: Editing, Debugging, and Monitoring Web Pages
|Also available on:|
- Expand your toolkit by learning to use Firebug to help you monitor, debug, develop and edit web pages on the fly
- Create your own Firebug extensions and learn about popular third-party extensions
- Covers all of Firebug's features
Table of Contents
Chapter 1: Getting Started with Firebug
Chapter 2: Firebug Window Overview
Chapter 3: Inspecting and Editing HTML
Chapter 4: CSS Development
Chapter 6: Knowing Your DOM
Chapter 7: Performance Tuning Our Web Application
Chapter 8: AJAX Development
Chapter 9: Tips and Tricks for Firebug
Chapter 10: Necessary Firebug Extensions
Chapter 11: Extending Firebug
Appendix: A Quick Overview of Firebug's Features and Options
Download the code and support files for this book.
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Errata- 4 submitted: last submission 05 Nov 2013
Errata type: Typo | Page number: 68 | Errata date: 19 June 10
Title "$ $$(selector)" should be "$$(selector)"
Errata type: Others | Page number: 33 | Errata date: 19 June 10
Please ignore this line: Please note the difference between the old and new CSS styles in the previous and next screenshot.
Errata type: Technical | Page number: 177 | Errata date: 30-10-13
In the section "Packaging and installation", the content should be
Now we are done with this small example of Hello World! extension; it is ready to be packaged and installed. Packaging the extension is very simple, we only need to compress (ZIP) the contents (files and folder) of the root directory into a single zippy file with .XPI as the file extension.
In our example, the root directory is helloWorld.
$ cd helloWorld
$ zip –r myExtension.xpi *
- Select all contents of the root directory.
- Right-click on the selected content and select Send to… | Compressed (Zipped) folder.
- Rename the new zipped file and change the file extension from .zip to .xpi.
After packaging the extension, open the zippy file with Firefox by dragging the zippy (.xpi) file into the Firefox window. Firefox will then check the version compatibility and after that a small window will open asking to install the extension.
Errata type: Typo | Page number: 186 | Errata date: 05-11-13
In the last table "HTML inspect mode shortcuts", the Task/operation called "Insect child" should be "Inspect child".
What you will learn from this book
- Explore Firebug's tabs and their functions
- Understand how to use Firebug to inspect, edit, search, and play with the HTML source of the document
- Get to grips with useful tools and utilities provided by Firebug for CSS development
- Modify the values of properties and constants of any DOM object using Firebug
- Discover various ways to analyze the performance of your web application on the browser
- Learn how to track XmlHttpRequest and Response as well as debugging AJAX calls
- Tips and tricks to experiment with the features that Firebug provides
- Explore Firebug extensions like YSlow, FireCookie, and Page Speed that are useful for development and Performance tuning
- Develop a Firebug extension and learn how to set up a development environment, file, and directory structure for it
This practical guide will equip you with the skills to edit, debug, and monitor web pages using Firebug
Who this book is for