Instant Firebug Starter [Instant]

This title is available as an eBook only
Instant Firebug Starter [Instant]
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print & eBook also available on:
Learn in an Instant - Short, Fast, Focused
Table of Contents
Sample Chapters
  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Modify HTML on the fly
  • Profile and Debug JavaScript
  • Change the look and feel of any element

Book Details

Language : English
eBook : 64 pages
Release Date : January 2013
ISBN : 1782161163
ISBN 13 : 9781782161165
Author(s) : Chandan Luthra
Topics and Technologies : All Books, Instant, Web Development, Open Source, Web Development

Table of Contents

Instant Firebug Starter
  • Instant Firebug Starter
    • So, what is Firebug?
      • Firebug capabilities
    • Installation
      • Installing Firebug on Firefox
        • Step 1 – what do I need?
        • Step 2 – downloading Firebug
        • Step 3 – adding Firebug to Firefox
        • Step 4 – confirm Firebug installation
        • Step 5 – restart Firefox
      • Installing Firebug on non-Firefox browsers
        • Live link
        • Local link
      • Bookmarklet
      • And that's it!
    • Quick start – Firebug window overview and inspecting
      • Console panel
      • HTML panel
      • CSS panel
      • Script panel
        • Things you can perform under the Script panel
      • DOM panel
      • Net panel
      • Cookies panel
      • Inspecting page components
        • Step 1 – open Firebug
        • Step 2 – activate inspection tool
        • Step 3 – selecting the element
        • Quick inspect
      • Editing page components
      • Conclusion
    • Top 17 features you'll want to know about
      • Executing JavaScript on the fly
        • Command editor
        • Smart paste
      • Using Console API
        • console.log(object[, object, ...])
        • console.debug(object[, object, ...])
        •[, object, ...])
        • console.warn(object[, object, ...])
        • console.error(object[, object, ...])
        • console.assert(expression[, object, ...])
        • console.dir(object)
        • console.dirxml(node)
        • console.trace()
        •[, object, ...])
        • console.groupCollapsed(object[, object, ...])
        • console.groupEnd()
        • console.time(name)
        • console.timeEnd(name)
        • console.profile([title])
        • console.profileEnd()
        • console.count([title])
      • Modifying an HTML element's attribute on the fly
      • Adding a new attribute to an existing HTML element
      • Deleting an HTML element
      • Setting breakpoints on an HTML element
      • Inspecting cascading rules
      • Previewing colors and images
      • Tweaking CSS on the fly
      • Enabling and disabling CSS rules
      • JavaScript profiling
        • Columns and description of profiler
      • JavaScript debugging
        • Applying Script breakpoints
        • Applying conditional breakpoints
      • Inspecting DOM
      • Network monitoring
        • Description of information in the Net panel
        • Load-time bar color significance
      • Examining HTTP headers
      • Monitoring AJAX requests
      • Managing cookies
    • People and places you should get to know
      • Official Sites
      • Articles and Tutorials
      • Community
      • Blogs
      • Twitter

Chandan Luthra

Chandan Luthra is an agile and pragmatic programmer, and an active participant at the local open source software events, where he evangelizes about Firebug, Groovy, Grails, and JQuery. He is a Linux and open source enthusiast. He also involves himself in writing blogs, articles, and is an active member on various tech-related mailing lists. He has developed web apps for various industries, including entertainment, finance, media and publishing, as well as others. He loves to share his knowledge and good coding practices with other team members in order to perfect their development skills. In his free time, he loves to contribute to open source technologies. He also loves to code in JQuery with Firebug, which makes development very easy for him. He is a fond lover of Firebug and has been using it since 2007 and co-authored a book on Firebug 1.5 with Packt Publishing in the year 2010.
Sorry, we don't have any reviews for this title yet.

Submit Errata

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.


- 1 submitted: last submission 07 Nov 2013

Errata type: Graphics | Page number: 13

Sorry, there are currently no downloads available for this title.

Frequently bought together

Instant Firebug Starter [Instant] +    Joomla! VirtueMart 1.1 Theme and Template Design =
50% Off
the second eBook
Price for both: $29.45

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Get to grips with the basics of Firebug's panels and their functions
  • Inspect, edit and play with HTML sources
  • Discover various ways to analyze the performance of your web application on the browser
  • Track XmlHttpRequest and XmlHttpResponse as well as monitoring AJAX calls
  • Explore the value of properties and constants of any DOM object
  • Monitor, edit, and remove cookies from Firebug

In Detail

With the advent of RIAs (Rich Internet Applications), most web pages are driven by a combination of JavaScript, AJAX, CSS, and so on. It is difficult for front end and web developers to debug and fix issues that crop up on client machines. Firebug helps to solve this; it is a wonderful toolkit to help identify and fix issues that would ordinarily take much longer to find and fix.

Instant Firebug Starter is a practical, hands-on guide that provides you with a number of clear step-by-step exercises to help you take advantage of the full power that Firebug offers. This book will give you a great grounding in using Firebug to debug, fix, and optimize your web pages.

From installation to navigating the various panels to edit, inspect, and modify your webpages, this practical guide will help you through the wilds of Firebug without a single bite.

A step-by-step description of key features is provided with the help of simple and concise examples. Each chapter will help you understand the key features of Firebug with tips and tricks that will become the foundation of your knowledge in the future. The Instant Firebug Starter can be used as an end-to-end guide or as a desk reference with sections that deal with all the key aspects of web development like CSS, Javascript, and AJAX.

This Instant Firebug Starter guides you through the basics of Firebug and contains years’ worth of industry knowledge and expertise. This knowledge has been stripped back to 60 pages of useful insights, tips, tricks, and the latest techniques that will get you up to speed in no time.


Get to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. This easy to understand Starter guide will get you up to speed with Firebug quickly and with little effort. Hands-on and practical examples allow you to get a feel for the tool and get used to using it on a day-to-day basis.

Who this book is for

If you are just starting out with web development and looking to improve your site with Firebug, then this guide is for you. If you have a basic understanding of web development then this guide is easy to follow and will benefit your site no end.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software