Inspecting WebSocket Traffic with Firefox Developer Tools
WebSocket monitor is an extension to Firefox developer tools that can be used to monitor WebSocket connections in Firefox. It allows inspecting all data sent and received. It's been a while since we...
View ArticleFirebug Internals II. – Unified object rendering
Firebug 2 (released today!) uses number of internal architectural concepts that help to implement new features as well as effectively maintain the code base. Using transparent architecture and well...
View ArticleFirebug Internals I. – Data Providers and Viewers
One of the achievements of Firebug 2 alpha 1 release has been adoption of new JSD2 API and this task required significant changes and improvements in our code base. Among other things, we have also...
View ArticleFirebug 2: Support for dynamic scripts
Firebug 2 (first alpha) has been released this week and it's time to checkout some of the new features. Note that you need at least Firefox 30 to run it. This brand new version introduces a lot of...
View ArticleFirebug Tip: Resend HTTP Request
There are many cases when web developer needs to resend an existing HTTP request (executed by the currently debugged page) and test the server back-end or perhaps even a specific web service. Such...
View ArticleFirebug Tip: getEventListeners() command
One of the new features introduced in Firebug 1.12 is a new Command Line command called: getEventListeners() The command returns all the event listeners registered for specific target. The target can...
View ArticleHow to Start with Firebug Lite
FirebugLite is lightweight version of Firebug (the Firefox extension) that does implement only a subset of features (mainly missing the Script and Net panel). It's implemented as pure web application...
View ArticleFirebug Extension: FirePicker – Pick your color
I couldn't miss this nifty extension in my series of posts about Firebug extensions. It's a small plugin focused on one thing and working great! This extension is compatible with Firebug 1.12 (will be...
View ArticleFirebug Extension: FireStorage Plus! – Manage web storage
Another Firebug extension we have tested with upcoming Firebug 1.12 (will be available in several weeks) allows managing web storage directly in your Firebug. FireStorage Plus! appends an extra...
View ArticleFirebug Extension: FireQuery – jQuery development
FireQuery is one of my favorite extensions for Firebug and I am regularly using it every time I am debugging web application that is build on top of jQuery. FireQuery is a Firebug extension for...
View ArticleFirebug Extension: FireLogger – server side logging
Another nice extension I would like to mention is related to server side logging: FireLogger FireLogger implements simple yet powerful server side logging (similar to console.log on the client side)....
View ArticleFirebug Extension: ConsoleExport – send console logs to the server
There are many Firebug extensions implementing new nifty features for Firebug and its great to see that new ones are still coming. In this post, we'll take a quick look at one of them: Console Export....
View ArticleFirebug Tip: label dynamic scripts with ‘sourceURL’ directive
Firebug (and also Web Inspector) allows to label dynamically evaluated scripts using a special directive. The directive is a simple comment that is appended to the bottom of the evaluated script. //@...
View ArticleNew Firebug feature: Use in Command Line
Firebug 1.12 alpha 6 introduces one new feature called simply: Use in Command Line This feature allows referring various page objects (HTML elements, JS objects, network requests, cookies, etc.) from...
View ArticleHow to properly filter DOM event logs?
One of the new features introduced in Firebug 1.12 alpha 5 is a filter for DOM event logs (issue 229). Logging of DOM events has been available in Firebug for a long time and the filter should make it...
View ArticleInstant Firebug Starter
I had an opportunity to be a reviewer of a new book about Firebug written by Chandan Luthra. This is actually the second book dedicated to Firebug and so, you might also be interested in the first one....
View ArticleFirebug Tip: Alternative Firebug Themes
Firebug UI is entirely based on XUL/HTML/CSS and so, it's easy to provide a new set of CSS styles (a theme) that modifies Firebug UI and adjust it to your needs and preferences. One of the typical...
View ArticleFirebug Tip: include() command
Firebug Command Line is probably one of the most important Firebug features and its value is yet extended by set of built-in commands. One of the new commands, introduced in Firebug 1.11 is include()...
View ArticleFirebug Tip: Copy & Paste HTML
Firebug 1.11 final has been just released and one of the new features introduced in this release is related to HTML clipboard. It's now easy to copy entire portions of existing HTML markup and paste it...
View ArticleFirebug Tip: Styled Logging
Styled logging has been available in Firebug for long time and since version 1.11 beta 2 improves this little nifty feature, let's take a sneak peak at what it does and how it could be useful. Styled...
View Article