addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrosseditemptyheartfacebookfolderfullheartglobegmailgoogleimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

Debugging w/ Firebug and Webkit Developer Tools

The future of test engineering will predominantly include testers that can help debug issues. Developers will require more details in bug reports besides "the page loads slowly" or "I clicked the button and nothing happened". Steps to reproduce bugs are helpful but giving a distinct error log is ultimately more valuable.

Luckily, many bugs can easily be debugged or at least narrowed down using open-source tools like Firebug and Webkit's Developer Tools (Chrome and Safari use the Webkit engine). Both of these tools have similar functionality with a few minor differences. They offer insights to network activity, navigating the DOM, profiling, a javascript console and even the ability to modify the DOM in real-time!

If a few people can bring a laptop to this meetup, I'll see if I can create an interactive component after an initial presentation and walk-through of the tools.

Unless I can get someone willing to man a video camera, we will not stream this meetup online.

Lastly, please register for this meetup via the following link on Eventbrite so that I can order the right amount of food and to schedule the right conference room:

Join or login to comment.

  • Narine

    great even as always

    October 22, 2013

  • khalid a.

    Loved the event

    October 22, 2013

  • wilson m.

    Thanks for taping the event.

    October 22, 2013

  • Wendy D.

    I will bring Windows 7 laptop. I can spin up some flavor of Linux VM (Ubuntu?). Is there anything I could download in advance to save time (only have Firebug). Please advise.

    September 16, 2013

    • Wendy D.

      Jim, Chrome Developer Tools as in equivalent of Firebug, only for Chrome?

      October 19, 2013

    • Jim K.

      That is correct. Chrome Developer Tools are slightly different but I believe is has all of the same functionality.

      October 22, 2013

  • Jim K.

    A colleague of mine, has offered his services to film the meetup tonight but we won't be able to stream it live. I'll post a link later in the week to view the content online.

    October 22, 2013

  • Jim K.

    Here's the link to download the source code that we'll be using during the meetup:

    We'll specifically be going over the Chapter15 source code which has some errors that we'll debug using Firebug and/or Chrome Developer Tools.

    October 22, 2013

  • fuad

    I am Fuad Mak CTO @ SQA Solution; Looking to learn and network; Please check out our open positions @

    October 17, 2013

  • A former member
    A former member

    Hi, I'm a former QA engineer, currently a software engineer doing occasional web development. I've used Firebug occasionally to troubleshoot JQuery, and have often found it to be really hard to figure out *why* my code doesn't work. But, I do know how to set breakpoints and inspect variables. So I think I have some experience debugging from a developer's perspective. I'm interested in learning anything more about debugging JavaScript, as my knowledge is gained just be experience, not by expert advice.

    September 14, 2013

    • Noel Y.

      JavaScript the Good Parts is a good book to learn JS so I've heard. The best place to start, IMO, is not to assume JS works like other languages you know. I think the biggest difference is the notion of prototypical inheritance (similar to delegates in Groovy I think) and, more generally, how scoping is done.

      September 27, 2013

  • Michael S.

    call in

    September 16, 2013

  • Dhamo

    If I bring an iPad will I still be able to participate in interactive part or do I need to bring in a windows laptop only?

    September 14, 2013

    • Jim K.

      Let me clarify the interactive part. A laptop would be best since I don't think tablet browsers include the same debugging tools but you don't have to bring one. The group participation section will only require 4 or 5 laptops for the entire group as we'll break up into 4 or 5 smaller teams. My laptop can be used by one of the teams so we'll only need 3 or 4 more.

      September 14, 2013

Our Sponsors

  • LinkedIn

    Facilities, pizza and beverages.

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy