blog
discuss
releases
documentation

Archive for the 'Firefox' Category

Firebug 1.13 alpha 1

Friday, September 6th, 2013

getfirebug.com has Firebug 1.13 alpha 1

Firebug 1.13a1 fixes 31 issues
Firebug 1.13a1 is compatible with Firefox 23-26

We are again hardworking on the next great Firebug version for now labeled 1.13. The team focuses on JSD2 adoption and our plan is to have it ready in this new version. We have great roadmap and if successful we want to call it 2.0 eventually.

Thanks to our awesome team we have already made several new features and improvements in 1.13 (while Firebug 1.12 has been out for couple of weeks only)!

Some highlights from this release

  • The Script panel displays a notification if the source cache limit has been exceeded (issue 4906)You can use the Preferences button to change the limit. Browser restart is not needed after limit modification, just reload the page to get full source.script-cachelimit

 

  • Quick Info Box for elements can be pinned (issue 5720)Note that there are two buttons at the top right corner. One for pinning the box, so it stays displayed all the time and one for closing it.quick-info-box

    Read more about the Quick Info Box on our wiki.

 

  • Headers in net requests are collapsible (issue 4930)The Net panel has also been improved. Sections with HTTP headers (Response, Request and Cached Headers) are now collapsible and the state is preserved across Firefox restarts. So those headers, in which you are not interested don’t take space anymore.net-panel-headers

 

  • Better way to add a new element attribute (issue 6661)We have improved the way how HTML attributes can be added into elements. Check out the next set of screenshots.html-panel1

    Hover mouse cursor over the closing arrow bracket of an element you want to add a new attribute to. See, the cursor changes its shape into a hand.

    Click on the closing tag to open an inline editor and start typing an attribute name.

    html-panel2

    The rest works as usual. After you typed the name press the tab key and type the attribute value.

    mypanel3

 

There is a lot more fixed in this version and you can check out our issue list.

Stay tuned and post feedback in the newsgroup

 

Jan ‘Honza’ Odvarko

 

Firebug 1.12.1

Wednesday, September 4th, 2013

Firebug team released Firebug 1.12.1. This is a follow up release based on feedback we have collected since releasing 1.12.0

Firebug 1.12.1 fixes 6 issues.

Note that Firebug 1.12.1b1 has also been released to update also users on AMO beta channel. This version is the same as 1.12.1

 

Some highlights from this release:

  • The problem with missing Firebug icons reported by some users is fixed (issue 6689).
  • It is possible to get rid of the Clear Activation List confirmation dialog (issue 6694)
  • There is a new preference extensions.firebug.console.groupLogMessages that allows to disable console message grouping (issue 6703)

 

Please post feedback in the newsgroup, thanks.

Jan ‘Honza’ Odvarko

Firebug 1.12.0

Wednesday, August 21st, 2013

Firebug Working Group is proud to announce a new Firebug version!
Firebug 1.12.0 is now available for download.

Firebug 1.12.0b7 version has been also released to updated beta channel on AMO. This version is the same as Firebug 1.12.0

  • Firebug 1.12 is compatible with Firefox 23 – 26

Firebug 1.12 fixes 4 issues.

 

Firebug team has been working hard on this version. We have fixed ~160 issues, released 8 alphas and 7 betas, implemented 50 more automated tests (362 in total), had 79 online meetings and answered many Firebug related questions on our newsgroup.

 

See list of contributors who helped with the release.

  • Jan Odvarko
  • Sebastian Zartner
  • Simon Lindholm
  • Farshid Beheshti
  • Steven Roussey
  • Florent Fayolle
  • Awad Mackie
  • Belakhdar Abdeldjalil
  • Thomas Andersen
  • Hisateru Tanaka

 

New Features

Here is a short list of new features introduced in this version. You can also read detailed description with screenshots.

  • Copy CSS Properties
  • New Net Panel Filters
  • Filter for DOM Events Log
  • Autocompletion Popup Improved
  • Use in Command Line
  • Group Console Messages
  • Better Infotip for HTTP Request Timings
  • Multiple Filters for Console & Net Panel
  • Toggle Visibility of Side Panels
  • Store the result of the last command line evaluation in $_
  • New command: getEventListeners()
  • Copy as cURL
  • Precision for Console API %f log pattern
  • Show/hide stack arguments
  • CSS Panel Improvements

 

Get Involved

There are several ways how to help us.

 

Firebug Extensions

We have also spent time testing some of the existing Firebug extensions.
Here is a list of those that passed our review and work with Firebug 1.12.

  • Console Export Export data from the Console panel
  • CSS Usage See what CSS rules and properties are actually used in your app.
  • Dojo Firebug Extension Support for Dojo based app debugging.
  • Firebug Autocompleter Autocompleter now available in Firebug Command Editor.
  • Firediff Additional insight into the changes that are being made to the components of the page
  • FireFile FireFile is a Firebug extension to save CSS files edited with Firebug to your web server
  • Firefinder find HTML elements matching chosen CSS selector(s) or XPath expression quickly.
  • Fireflow Provides method call logs in a tree format.
  • FireLogger Logging support for web developers (PHP, Python, ColdFusion) (see also this post)
  • FirePath adds a development tool to edit, inspect and generate XPath 1.0 expressions and CSS 3 selectors
  • FirePHP FirePHP enables you to print to your Firebug Console using a simple PHP function call and a lot more.
  • FirePicker Adds color picker to Firebug’s inline CSS editor. (see also this post)
  • FireQuery Adds a collection of jQuery-related enhancements to Firebug. Recommended for all jQuery developers. (see also this post)
  • FireRainbow Brings Javascript syntax highlighting to Firebug.
  • FireStorage Plus! Is an extra panel to Firebug for displaying and manipulating the web storage containers such as localStorage and sessionStorage. (see also this post)
  • Illuminations for Developers is a tool to help you develop web applications by investing Firebug with the knowledge of your JavaScript framework and your workflow with it.
  • Javascript Deminifier Deminify javascript before it is downloaded.
  • Backbone-Eye Understand Backbone application behavior without debugging JavaScript.

We don’t have enough time to test all of the existing extensions, it’s mostly up to extensions authors.
But you can always see the complete list.

 

Firebug Lite

Firebug Lite is lightweight version of Firebug that does implement only a subset of features (mainly missing the Script and Net panel). It’s implemented as pure web application and running in all major browser. Useful especially for debugging on mobile devices with bigger screens (e.g. iPad). Firebug Lite is also maintained by Firebug Working Group and you can read more about how to start with Firebug Lite.

 

Follow us on Twitter to be updated!

Post feedback in the newsgroup

 

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 6

Thursday, August 8th, 2013

Firebug team released Firebug 1.12 beta 6 (archive).

 

Firebug 1.12 beta 6 fixes 7 issues
Firebug 1.12 beta 6 is compatible with Firefox 22-26

All users subscribed to AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

There are no new features in this release and it should also be the last beta before the final Firebug 1.12. The final release should be out in couple of weeks.

 

Please post feedback in the newsgroup, thanks!

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 5

Friday, July 26th, 2013

Firebug team released Firebug 1.12 beta 5 (archive).

 

Firebug 1.12 beta 5 fixes 8 issues
Firebug 1.12 beta 5 is compatible with Firefox 22-25

All users subscribed to AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

One little feature made it into this release (see issue 6616). It is now possible to create cURL command from a network request in order to test the request from the terminal window. Just right click on a request in the Net panel and pick Copy as cURL.

 

Please post feedback in the newsgroup, thanks!

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 4

Friday, July 19th, 2013

Firebug team released Firebug 1.12 beta 4 (archive).

 

Firebug 1.12 beta 4 fixes 8 issues
Firebug 1.12 beta 4 is compatible with Firefox 22-25

All users subscribed to AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

No new features introduced in this version. We are focusing on bug fixing and testing. We have also spent some time testing existing Firebug extensions. You can watch this thread to see results of the testing.

 

Following extensions passed our testing so far:

  • ConsoleExport (read a blog post)
  • CSS Usage
  • FireFinder
  • FireLogger (read a blog post)
  • FirePath
  • FilePicker
  • FireQuery
  • FireRainbow
  • FireDiff
  • FireFlow

 

Please post feedback in the newsgroup, thanks!

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 3

Friday, July 12th, 2013

Firebug team released Firebug 1.12 beta 3 (archive).

 

Firebug 1.12 beta 3 fixes 6 issues
Firebug 1.12 beta 3 is compatible with Firefox 22-25

All users subscribed to the AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

Call for feedback – Autocompletion Popup Window

One of the changes we have done in this version touches the design of auto-completion popup that is available on Firebug’s Command Line (issue 6419).

See how the popup looked before:

Old auto-completion popup window

 

And here is new version.

New auto-completion popup window

 

Note that the auto-completion popup window has been offering two sets of APIs. One set is related to Firefox DOM API (i.e. methods and properties of DOM objects) and the other to Firebug Command Line API.
You can see: debug, dir and dirxml at the bottom being Firebug commands.

 

One goal of the redesign is to make clear which entries are DOM API and which are Firebug Command Line API. So, we introduced two sections as visible on the screenshot above.

 

Of course, if there are no Firebug commands to complete there are only DOM methods and properties.

Auto completion popup (no Firebug commands)

 

Please try it and let us know what do you think about it.
Is the new design better?
Is there something you would like to improve?

 

Please post feedback in the newsgroup, thanks!

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 2

Friday, July 5th, 2013

Firebug team released Firebug 1.12 beta 2 (archive).

It’s our second beta and we would like to encourage Firebug extension developers to test with this version. It’s solid and we are willing to help with testing and fixing any problems that might appear. Firebug 1.12 final is planned within a month or so.

 

Firebug 1.12 beta 2 fixes 12 issues
Firebug 1.12 beta 2 is compatible with Firefox 22-25

All users subscribed to the AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

A highlight from this release

  • Toggle Visibility of Side Panels (issue 6095)
  • One little enhancement yet sneaked into this version. You can now toggle visibility of side-panels. See couple of screenshots.

    Side Panels Expanded

     
    For example, if you don’t need the Selectors side panel you can keep it hidden.
     

    Side Panels Collapsed

     

    The state is persistent across Firefox restarts and it’s panel specific. So, if you hide side panels for the CSS main panel it applies to the CSS panel only.

     

  • The Console panel does *not* activate JSD (issue 4978)
  • This is great performance improvement. The Console panel doesn’t require JSD anymore (the internal Firefox JS debugging engine). If you enable the panel – JSD doesn’t have to be activated. This change makes the Console panel faster.

 

Please post feedback in the newsgroup, thanks

Jan ‘Honza’ Odvarko

 

Firebug 1.12 beta 1

Friday, June 28th, 2013

getfirebug.com has Firebug 1.12 beta 1 (archive).

We have just switched to beta phase, which means that releases are solid, we are focusing only on bug fixing, no new features at this point and we appreciate feedback from beta testers.

Firebug 1.12 beta 1 fixes 19 issues
Firebug 1.12 beta 1 is compatible with Firefox 22-25

All users subscribed to the AMO beta channel will be automatically updated. See the Development Channel section at the bottom of the page.

 

A highlight from this release

This command returns the event listeners registered on a given object. The object is usually an element, but it can also be e.g. a ‘window’.

getEventListeners(window)

The return object can be further inspected in the DOM panel as depicted on the following screenshot.

getEventListeners() command

The screenshot shows an array with two listeners registered for the ‘load’ event. If you click on the f1() or f2() function, you’ll be automatically navigated to the Script panel to see the implementation.

You can try an example online.

 

Please post feedback in the newsgroup, thanks

Jan ‘Honza’ Odvarko

 

Firebug 1.12 alpha 8

Friday, June 14th, 2013

getfirebug.com has Firebug 1.12 alpha 8

Firebug 1.12a8 fixes 11 issues
Firebug 1.12a8 is compatible with Firefox 21-24

 

Some highlights from this release

  • Multiple filters selectable in the Net panel (issue 4156)
  • Multiple filters can be set at the same time by holding down Ctrl while clicking the filter buttons.

    Multiple filters selected in the Net panel

     

  • Multiple filters selectable in the Console panel (issue 4621)
  • Just like in the Net panel, the Console panel also supports multiple filters being selected at the same time.

    Multiple filters selected in the Console panel

     

  • Store the result of the last command line evaluation in $_ (issue 6519)
  • There is a new variable available in the Command Line: $_

    This variable stores the result of the previous expression evaluation (compatible with Chrome dev tools).

 

Please post feedback in the newsgroup, thanks

Jan ‘Honza’ Odvarko