View jQuery and jQuery Live events in Firefox DevTools

A little while back we landed a feature that made it possible to interact with events from the markup panel of Firefox developer tools. A lot of people were excited about this but we soon realized that jQuery wraps event handlers in a proxy making all handlers look like this: function() { return fn.apply( thisObject || this, arguments ); }; Numerous facepalms later and we now have support for jQuery and jQuery Live events. This support will be available in tonight's nightly: Because…
Posted on
Tags Mozilla

View DOM Events in Firefox Developer Tools

I recently realized that support for inspection of DOM events is very poor in pretty much all developer tools. Having seen Opera Dragonflies implementation some time ago I liked the way you could very easily see the scope of an event. I have used a similar design to add DOM event inspection to Firefox Developer Tools. The event icons are visible in the markup view and if you click on them you can see information about the event including it's…

Hack your Family: Adopt a child (UK version)

A lot of people would like to adopt but do not know what to do or what is involved. They are often scared of the process or have heard horror stories. Being at the end of the process and having met our kids we can say that you should be completely open and honest with your social worker... even things that many would expect to be negatives are very strong positives when viewing you from a social worker's perspective. e.…
Posted on
Tags adoption

Firefox Developer Tools Highlighter

When it comes to the Firefox Developer Tools Inspector one of our most common requests is that our highlighter should support box model highlighting. We are working on implementing this but before we get into full swing we need to know exactly what you want it to look like and how you would like it to act. Please take a look at how current tools behave and let us know what you would like our box model highlighting to look…

Debugging Thunderbird using Firefox Developer Tools

I recently discovered that it is possible to use Firefox Developer Tools with Thunderbird. Philipp Kewisch has done a fantastic job of his Google Summer of Code 2013 Project to bring Firefox Developer Tools to Thunderbird. Starting with Thunderbird 24.0a1 and a matching version of Firefox, it is possible to debug Thunderbird code using Firefox Developer Tools. If your version of Thunderbird is 14.x then please go to "Help" > "About Thunderbird" and allow it to update. For…

The History of Firebug

When Joe Hewitt was seven years old his father wanted to become a computer programmer so he bought an IBM PCjr. Joe would often watch his father typing in programs from PC Magazine. He started learning himself and when he got older he just sort of took off on his own. The first programming project that he remembers working on was when he was in fifth grade (ten – eleven years old). He made an animated ASCII art of a rocket…

Why it is awesome to work for Mozilla?

Since my post about what it is like to be a Firefox hacker lots of people have asked about why I chose to work for Mozilla. I had opportunities to work for Google or Facebook but I have always had a great respect for Mozilla. Of course, Google and Facebook are also creative and constantly working on awesome stuff but Mozilla is more than just a job... their mission is something that I feel that I really need to fight…
Posted on
Tags Mozilla

Bugzilla Tips, Hacks and Etiquette

Even after a few years working for Mozilla I still occasionally come across a Bugzilla tip that I don't know about. This post is a attempt to gather Bugzilla tips from around the Internet whilst adding a few of my own to the list. To start, if you’ve never used Bugzilla before (or even if you have), you should watch a video johnath made called "Bugzilla for Humans." It gives a really nice overview of key Bugzilla features, as…

Disable JavaScript option now available in Firefox Developer Tools

At the beginning of April Alex Limi decided that we should remove the Enable JavaScript checkbox from Firefox's preferences dialog. His reasoning was that clearing that checkbox breaks a huge amount of websites and therefore breaks the web. Alex was completely correct and I wholeheartedly agree with the removal of this option but if you look at the bug's comments you will see that a bunch of people not so happy with this decision. Well, we have news for you.…

The Application Cache is no longer a Douchebag

If you have ever used the application cache you will probably be familiar with how easy it is to break offline functionality and how difficult it is to work out why things are broken. With a large offline web app finding the source of problems can be an almost insurmountable task. I guess that what I am saying is that the application cache is a douchebag. I completely understand that if there is an error in your application's manifest you…

Moving your Contacts and Calendar Away from Google

For the past few years I have used Google Contacts to store my contacts and Google Calendar to store my calendars. These services really are excellent, particularly because they allow me to keep my data synchronized between my Android phone and numerous instances of Thunderbird on PCs and Laptops. Unfortunately, I have had issues with my contacts becoming duplicated and even disappearing altogether. I figure that out of roughly 500 contacts I have lost around 200. This really got me…

How to install Django on JustHost (and maybe other shared hosts)

If you search Google for "how to install Django on JustHost" you may be surprised to find tens of thousands of articles claiming that it can't be done and none claiming that it can. Well, it can and here's how: Log in using SSH access In the Security section of your control panel click "SSH/Shell Access" -> "Manage SSH Keys." Click "Generate a new key", enter a password and click "Generate Key." After the key is generated click…

Firefox DevTools API

Hopefully, most of you are familiar with Firefox Developer Tools by now, if not then now is the time to get familiar! The DevTools Team recently met up in London to talk about, and generally hack on, developer tools stuff and it turned out to be an amazingly productive time. The DevTools team has two branches, the debugger team and the inspector team so I will discuss them separately. The Debugger Team a.k.a. Team Minotaur Rob Campbell talked…

How well does your browser protect your privacy?

Having downsized my home a couple of times in the last year it is no understatement to say I have urgent space issues. I have power tools, large kitchen devices and surplus everything else. I looked online for a new shed, comparing reviews and investigating the UK's top shed building companies in my typically obsessive way. Having found "the one", I paid the company and am currently waiting for the timber that I will use to make the concrete base…

What is it like to work as an engineer at Mozilla?

This question popped up on Quora recently. I have been working on the Developer Tools Team at Mozilla for over a year now and would love to let you all know what is it like. To see this from my perspective I you will need to know a little about my background. I have always enjoyed reverse engineering software just to see how it ticks. If you were in the habit of using pokes to gain invulnerability or infinite lives…
Posted on
Tags Mozilla

What is SOPA and why should you care?

I have received a flood of emails today from people asking about what SOPA is and was surprised when I looked online and didn't see any places that explains why SOPA would be a very bad thing. The idea behind SOPA is to stop online piracy and this is a good thing but there are some very, very serious consequences meaning the end of the internet as you know it. Things that break SOPA's rules Any site that allows users…

How Browsers Work

Introduction The browsers we will talk about The browser's main functionality The browser's high level structure Communication_between the components The rendering engine Rendering engines The main flow Main flow examples Parsing and DOM tree construction Parsing - general Grammars Parser - Lexer combination Translation Parsing example Formal definitions for vocabulary and syntax Types of parsers Generating parsers automatically HTML Parser The HTML grammar definition Not a context free grammar HTML DTD DOM The parsing algorithm The tokenization algorithm Tree…

Firefox 4, not just another version number!

So, it has been a long time coming, but I am sure that once you have experienced the awesome that the Mozilla developers have produced you will agree…. this is a download worth getting! We have come a long way since I started using Mozilla products. Way back in 2005 when I was a younger boy (what… I’m only 18. I downloaded and rediscovered the web. What did I download? Why I downloaded Firefox 1.5. What a difference…

Firebug Inspector Improvements

Almost a year since I last posted, I can't believe it. I am no longer spending time working on Firebug Lite, but am spending my spare time these days working on Firebug's inspector. There are three versions of the inspector's highlighter: The frame highlighter is the blue frame that appears around elements when you click the inspect button and move the mouse cursor around the screen. The box highlighter appears when you mouse over HTML nodes in the HTML panel…