Categories: Firefox Mozilla News

Firefox Adds New Developer Tools and Add-on Sync

Firefox for Windows, Mac and Linux adds new in-product developer tools that make it easier to visualize page elements. Firefox also expands Firefox Sync capabilities to let users sync add-ons across computers.

Firefox includes new developer tools that represent the structure of websites in a new way and make it easier to live-edit CSS code. The first is a powerful visual layout tool unique to Firefox, Page Inspector 3D View. Nicknamed Tilt, it is a brand new WebGL-based website visualization tool that highlights the structure of a page better than a flat view, so anyone can immediately understand the relationship of the code to the page output. While developer tools like “view source” have always been useful to learn about how to develop a page, the 3D View more clearly illustrates how the parts of a website are structured. After selecting “3D” View in Page Inspector, just hover your mouse over the elements to get more information about each piece you select.

Firefox now includes the new Style Editor tool, which allows developers to edit CSS stylesheets like a text editor and see changes instantly, entirely within the browser.
It’s a quick and easy way to iterate and test designs on a website. Once changes are made, the Firefox Style Editor provides a simple way to save the file to your computer.

Firefox introduces Add-on Sync. Users now have the option to sync add-ons between computers to allow for a seamless experience across Firefox at work and at home. Users can enable this feature in the Preferences window on the Sync tab.

For more information:

86 comments on “Firefox Adds New Developer Tools and Add-on Sync”

  1. Ping from Add-on sync comes to Firefox 11 | Brian's Blog Site on

    […] Add-on sync and two new developer tools are the hallmarks of today’s update to Firefox. […]

  2. Ping from Add-on sync comes to Firefox 11 on

    […] Add-on sync and two new developer tools are the hallmarks of today’s update to Firefox. […]

  3. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones #iMapas on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo SPDY.Con la llegada de Firefox […]

  4. Ping from Firefox 11.0 Released with CSS Editor, 3D DOM Viewer and Add-on Sync on

    […] latest version of Firefox 11.0 has been released with some new interesting features for web developers. For long Firefox was always considered the […]

  5. Ping from News: Add-on sync comes to Firefox 11 – CNET | Delivering news 24/7/365 on

    […] Add-on sync and two new developer tools are the hallmarks of today’s update to Firefox. […]

  6. Ping from Firefox 11 released with Style Editor and 3D DOM viewer | on

    […] Microsoft planned to issue today. For additional details about Firefox 11, you can refer to the official launch announcement. Similar news:Firefox 10 Arrives With New Dev Tools and Full-Screen […]

  7. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones | Sinapsys.Me on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo SPDY.Con la llegada de Firefox […]

  8. Ping from Fitur Baru Firefox 11: 3D Tilt dan Add-ons Sync on

    […] lihat Twitter, CNET sama Firefox membahas Fitur terbaru yang disajikan oleh Firefox 11. Yang paling mencolok adalah Tilt (Untuk […]

  9. Ping from Firefox 11 Emerges From Its Den | Gizmodo Australia on

    […] [Mozilla] browsersfirefox 11aufirefoxOnline  Discuss  Share  Tweet  Email  More get_count_post('http://www.gizmodo.com.au/2012/03/firefox-11-emerges-from-its-den/','post-522106'); « Previous post […]

  10. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  11. Ping from Firefox 11 released | D.C.S. Weblog on

    […] Read all about it at The Mozilla Blog. […]

  12. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones | Misiongeek on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  13. Ping from Firefox 11 Released | WW Computer Repairs on

    […] Firefox 11 is available for download today (links below). It is also available in the automatic update window for user convenience. For additional details about Firefox 11, you can refer to Mozilla’s official launch announcement. […]

  14. Trackback from Firefox 11 Visualisasikan Web dalam 3D... on

    Firefox 11 Visualisasikan Web dalam 3D…

    Dengan semakin cepatnya versi Firefox berganti, sepertinya angka-angka itu semakin kehilangan maknanya. Ada yang ingat sudah sampai versi berapa Firefox sekarang? Yah, Gawaialpha juga tidak. Tapi kare……

  15. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones - La Isla Buscada on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  16. Ping from Mozilla Firefox 11 arrives with new in-product developer tools and more | Fresh Infos on

    […] Firefox Adds New Developer Tools and Add-on Sync Mozilla Blog ] (All The Images, Trademarks, Logo’s Shown on this Post are the property of […]

  17. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones « Blog de xkortazar on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  18. Ping from Tech Reviews » Firefox 11 released with Style Editor and 3D DOM viewer on

    […] Firefox 11 is available for download from Mozilla’s website. It will be rolled out through the automated update system soon, but Mozilla is temporarily holding off on releasing the automated update to make sure that it won’t conflict with anything in the monthly Windows update that Microsoft planned to issue today. For additional details about Firefox 11, you can refer to the official launch announcement. […]

  19. Ping from Add-on sync comes to Firefox 11 « « on

    […] Add-on sync and dual new developer collection are a hallmarks of today’s refurbish to Firefox. […]

  20. Ping from 电影之家 on

    […] Firefox Adds New Developer Tools and Add-on Sync | The Mozilla …CBO: New 10-year projected cost of ObamaCare is … $1.76 trillion …Camera Sees Major Update: Dozens Of Features, New API …首页 | 登陆 | 联系 | 标签 | 链接Copyright © 2012 电影之家. All Rights Reserved. […]

  21. Ping from Advanced Web Service » Firefox 11 released with Style Editor and 3D DOM viewer on

    […] Firefox 11 is available for download from Mozilla’s website. It will be rolled out through the automated update system soon, but Mozilla is temporarily holding off on releasing the automated update to make sure that it won’t conflict with anything in the monthly Windows update that Microsoft planned to issue today. For additional details about Firefox 11, you can refer to the official launch announcement. […]

  22. Ping from The Best Damn Garlic Drawing You Will Ever See | furiousBlog - in my diatribe on

    […] Firefox Adds New Developer Tools and Add-on Sync […]

  23. Ping from Firefox 11 arrives with notable updates, fixes Pwn2Own bug « TechNoose on

    […] addition to 3D view, regular users should be happy for the new Add-on Sync functionality. This will allow you to synchronize multiple computers to have the same add-ons […]

  24. Ping from After Delay, Firefox 11 Arrives With Add-on Sync, Dev Tools « TechReviewSource News Blog on

    […] release of Firefox 11 was announced last night on the Mozilla Blog, which also detailed the new end user and developer […]

  25. Ping from Firefox 11 ออกแล้ว เพิ่ม Add-on Sync, 3D Inspector, CSS Editor | PantipGuide.com on

    […] ที่มา – Firefox 11 Release Notes, Mozilla Blog […]

  26. Ping from After Delay, Firefox 11 Arrives With Add-on Sync, Dev Tools « « on

    […] recover of Firefox 11 was announced final night on a Mozilla Blog, that also minute a new finish user and developer […]

  27. Ping from Firefox 11, listo para descargar | TICbeat on

    […] cuanto a las mejoras para desarrolladores destaca un editor de estilos nuevo, que permite hacer cambios en tiempo real en la web. Las […]

  28. Ping from After Delay, Firefox 11 Arrives With Add-on Sync, Dev Tools | on

    […] release of Firefox 11 was announced last night on the Mozilla Blog, which also detailed the new end user and developer […]

  29. Ping from Mozilla Firefox 11 Latest Version Download Links [Stable, ESR Version] on

    […] Firefox now also introduces the much-waited Add-on Sync. With Add-on Sync, users will now be able to sync Firefox add-ons between computers to allow for a seamless experience across Firefox at work and at home. Users can enable this feature in the Preferences window on the Sync tab. [Source: Firefox Blog] […]

  30. Ping from Add-on sync comes to Firefox 11 | BussinessTree NewsBussiness Tree on

    […] Add-on sync and two new developer tools are the hallmarks of today’s update to Firefox. […]

  31. Ping from Has It Been 6 Weeks Already? Firefox 11 Now Available | Ipad-Jailbreak - Actualité Ipad on

    […] The Mozilla Blog has announced the availability of Firefox 11, the organization’s latest and greatest web browser (well, for another six weeks or so, anyway). Available now for Mac, Windows and Linux, Firefox 11 is another chapter in Mozilla’s “baby step” full point releases and most of the changes are under the hood. […]

  32. Ping from This Firefox Goes to 11 | Streaming Media Hosting on

    […] has released Firefox 11, adding some new developer tools, support for the SPDY protocol and the ability to sync your […]

  33. Ping from This Firefox Goes to 11 | TransAlchemy on

    […] has released Firefox 11, adding some new developer tools, support for the SPDY protocol and the ability to sync your […]

  34. Ping from This Firefox Goes to 11 | Web Hosting Blog on

    […] has released Firefox 11, adding some new developer tools, support for the SPDY protocol and the ability to sync your […]

  35. Ping from New Tech World » Mozilla today today released Firefox 11 update with dev tools and sync feature on

    […] as like chrome in this version. The release of Firefox 11 was announced last night on the Mozilla Blog, which also detailed the new end user and developer features. Firefox 11 includes an innovative […]

  36. Ping from Firefox 11 Released, Features Add-On Sync, New Developer Tools on

    […] [via Firefox Blog] […]

  37. Ping from This Firefox Goes to 11 | Technology News - digimars.net on

    […] has released Firefox 11, adding some new developer tools, support for the SPDY protocol and the ability to sync your […]

  38. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones | Webmaster-tv.com on

    […] de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  39. Ping from Descarga gratis Mozilla Firefox 11 on

    […] Fuente Blog de Mozilla […]

  40. Ping from Firefox 11: Operation am offenen CSS | XML-Ecke on

    […] Will man Änderungen dauerhaft behalten, kann man die aktualisierte CSS-Datei speichern, um sie dann auf den Server hochzuladen. “It’s a quick and easy way to iterate and test designs on a website”, erklärt das Mozilla-Projekt in einem Blog-Beitrag. […]

  41. Ping from Has It Been 6 Weeks Already? Firefox 11 Now Available - 57Digital UK iPhone Developers, UK iPad Developers, Mobile Developers on

    […] The Mozilla Blog has announced the availability of Firefox 11, the organization’s latest and greatest web browser (well, for another six weeks or so, anyway). Available now for Mac, Windows and Linux, Firefox 11 is another chapter in Mozilla’s “baby step” full point releases and most of the changes are under the hood. […]

  42. Ping from Mozilla Releases Firefox 11 with Add-On Sync, New Developer Tools | MacTrast on

    […] the official Firefox blog: Firefox for Windows, Mac and Linux adds new in-product developer tools that make it easier to […]

  43. Ping from Has It Been 6 Weeks Already? Firefox 11 Now Available | iPhoneConnection | UK iPhone Developers, iPhone App Developers Blog on

    […] The Mozilla Blog has announced the availability of Firefox 11, the organization’s latest and greatest web browser (well, for another six weeks or so, anyway). Available now for Mac, Windows and Linux, Firefox 11 is another chapter in Mozilla’s “baby step” full point releases and most of the changes are under the hood. […]

  44. Ping from Mozilla Releases Firefox 11 with Add-On Sync, New Developer Tools on

    […] the official Firefox blog: Firefox for Windows, Mac and Linux adds new in-product developer tools that make it easier to […]

  45. Ping from Has It Been 6 Weeks Already? Firefox 11 Now Available : on

    […] The Mozilla Blog has announced the availability of Firefox 11, the organization’s latest and greatest web browser (well, for another six weeks or so, anyway). Available now for Mac, Windows and Linux, Firefox 11 is another chapter in Mozilla’s “baby step” full point releases and most of the changes are under the hood. […]

  46. Ping from Firefox 11: Nuevas herramientas para desarrolladores y sincronización de extensiones | Fans-TV.com on

    […] encuentra disponible de manera oficial. La más reciente versión del navegador de Mozilla, incluye nuevas herramientas para desarrolladores, sincronización de extensiones y el esperado soporte del protocolo […]

  47. Ping from After Delay, Firefox 11 Arrives With Add-on Sync, Dev Tools | cepot.info on

    […] and dual innovative developer tools.The recover of Firefox 11 was announced final night on a Mozilla Blog, that also minute a new finish user and developer features.Long a heavenly of Web developers, […]

  48. Ping from This Firefox Goes to 11 | PRO-BTC on

    […] has released Firefox 11, adding some new developer tools, support for the SPDY protocol and the ability to sync your […]

  49. Ping from Firefox 11 é lançado e traz melhor gerenciamento de memória on

    […] de memóriaPostado em 14 de março de 2012Conforme reportam nossos amigos do blog Seja Livre, a Mozilla liberou hoje a versão 11 do navegador web Firefox. A atualização era para ter saído ontem, mas como ontem era o Patch Tuesday, dia em que a […]

  50. Ping from » This Firefox Goes to 11 » t3knoDorKs on

    […] has released Firefox 11, adding some new developer tools, support for a SPDY custom and a ability to sync your add-ons […]

More comments:1 2