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…

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…

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…

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…

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…