Firefox Developers

Developer Tools for the Open Web

« PreviousNext »

Web Console: where you want it to be, with nicer completion and more

28 May 2011

The latest Firefox Aurora features a number of improvements to the Web Console. Take a look at the Web Console at the bottom of the screenshot:

Firefox 6 Web Console

Here’s something else that’s new:

New Autocompletion

Previously, the Web Console provided suggestions to speed your typing. You could cycle through the suggestions, but it wasn’t always clear what the choices would be. Firefox is now even better at giving you suggestions and saving keystrokes with its new popup display of completion suggestions.

We refined several other aspects of the Web Console’s behavior. Notably, Firefox’s native console object now includes the debug and trace methods that appear in other console objects. We plan to expand the console object further in the next Firefox release.

Thanks to Mihai Sucan, David Dahl and Panagiotis Astithas for these improvements to the Web Console! Thanks also to the reviewers who helped ensure that the code is top notch: Shawn Wilsher, Gavin Sharp, Dave Townsend, Rob Campbell and Neil Rashbrook. Finally, thanks to Eric Shepherd for his documentation work on the changes.

Kevin Dangoor on behalf of the Mozilla Developer Tools team

Posted in announcements | Trackback | del.icio.us | Top Of Page

    21 Responses to “Web Console: where you want it to be, with nicer completion and more”

  1. Mozilla DevTools: Web Console: where you want it to be, with nicer completion and more | Firefox Latest News Says:

    […] Planet Mozilla No Comments May 28, 2011 By Giovanni Panasiti in Planet Mozilla Tags: completion, Console, DevTools, More, Mozilla, nicer, want « Chris Lyon: Moving on… […]

  2. Peter Novak Says:

    Is it possible to make Web Console remember state of Net/CSS/JS/WebDev toggles after reopening it?

    It is a bit annoying to set it each time I open Web Console – I don’t want to see Net and CSS errors 99% of time.

  3. Anonymous Says:

    Please don’t take up that much space with a “Position” drop-down menu on the web console. Consider making it an option in the right-click menu for the web console instead, since it seems conceptually similar to toolbar customization. Or better yet, let the user click and drag on the “title” area of the web console to either dock it at the top or bottom or make it a separate window. Either of those options would save space and avoid additional visual noise that most users won’t need more than once.

  4. Aurora 6 is here ✩ Mozilla Hacks – the Web developer blog Says:

    […] Improvements to the Web Console […]

  5. pd Says:

    i *still* do not understand why you seem to be duplicating the work already done in Firebug.

  6. ans Says:

    @pd, native code vs js code, performance benefits, I’m assuming..

  7. Danny Moules Says:

    @pd For one thing, Firebug doesn’t always actually work as intended. Additionally it’s extremely resource-hungry and I’ve managed to make it crash the browser more a few times by throwing too many operations at it. A better question might be: why _not_.

  8. kneekoo Says:

    @pd: Don’t you get annoyed when Firebug is not available in the latest Firefox? That’s quite important for me so sure I want all that functionality inside Firefox.

    I can hardly wait the day when the most useful development tools will be part of Firefox AND will also perform as light as possible so it doesn’t stress the browser/system resources like our current add-ons.

  9. Sridhar Says:

    Inspect elements coming soon?

  10. kdangoor Says:

    Within the next few months, we will have a release with a nice element inspection feature.

  11. ElAlecs Says:

    That’s great news!!

  12. Mozilla Firefox 6 ya está disponible de forma oficial : Soft Zone : Blog sobre Software con tutoriales de ayuda y noticias Says:

    […] – Mejoras en la usabilidad de la Web Console […]

  13. openSUSE – Firefox 6.0, Thunderbird 6.0 wie auch SeaMonkey 2.3 wurden freigegeben Says:

    […] Verbesserte Benutzerfreundlichkeit der Webkonsole. […]

  14. FireFox – Version 6.0 « Toms IT Blog Says:

    […] Improved usability of the Web Console […]

  15. Mozilla 官方正式发布 Firefox 6 更新列表出现 » NoName Says:

    […] 新增一个 Web 开发者菜单项,并将开发相关的菜单移向这里 提升 Web Console 的可用性 提升 Firefox Sync 减少浏览器的启动时间,当使用 Panorama 时 […]

  16. KamKam Says:

    I’d forgotten the wen console even existed and had to look it up to figure out what it was… Possibly a couple of new features, but largely useless until you are at least replicate all the functionality in Firebug… and we haven’t even got onto all the additional plugins that work with Firebug…

  17. Sharun Says:

    I hate the new menu on Firefox. I tried to do a system restore to get back to my menu and it worked once then it went back to the new menu.

    Why don’t they leave alone what works????

  18. BagiBagi - Mozilla Firefox 6.0 Says:

    […] Improved usability of the Web Console […]

  19. Firefox 6 dentro do prazo | TRIBUNA GAUCHA Says:

    […] (até mesmo do Flash Player), a diminuição do tempo de inicialização e a possibilidade de mover o Web Console para outras partes da janela e até mesmo para uma janela separada. O Web Console também ganhou o […]

  20. Phil Fletcher Says:

    Absolutely agree. Bring back the old menu – or tell me how I can bring it back.
    More helpful and more intuitive.

  21. kdangoor Says:

    I assume you’re talking about the Firefox menu on Windows… If so, I think this add-on might be what you’re looking for:

    https://addons.mozilla.org/en-US/firefox/addon/new-old-menu/