Connexion
Abonnez-vous

Firefox Developer Edition 48 continue l’intégration de Firebug

... avant son décès définitif

Firefox Developer Edition 48 continue l'intégration de Firebug

Le 03 mai 2016 à 13h26

Mozilla propose depuis hier soir la version 48 de son Firefox Developer Edition. Les améliorations sont assez nombreuses, avec notamment l’arrivée d’un plus grand nombre d’outils hérités de Firebug, dont l’intégration se fait progressivement.

La Developer Edition de Firefox est une mouture spécifique du navigateur, essentiellement basée sur les Nightlies. Elle n’a donc pas la stabilité d’une Aurora, qui n’est elle-même pas aussi fiable qu’une bêta. Aussi, les développeurs profiteront en avance des derniers apports, mais ils peuvent s’attendre parfois à quelques surprises désagréables, le code n’étant pas encore passé à travers les différents processus qualité de Mozilla.

Les fonctionnalités de Firebug continuent de glisser

La nouvelle version 48 ajoute bon nombre de fonctionnalités. Plusieurs proviennent de Firebug, une extension particulièrement connue des développeurs, mais dont Mozilla prépare la retraite. Firefox DE fonctionne en effet par défaut avec Electrolysis (e10 s), c’est-à-dire le multiprocessus. Une mécanique que ne supporte pas Firebug. Mozilla travaille donc sur une version 3 qui sert uniquement à tester les fonctionnalités en vue de leur intégration dans le navigateur.

Plusieurs des nouveautés sont donc des glissements de fonctionnalités. À commencer par le thème général de Firebug, pour redonner aux outils présents un aspect familier. Le panneau DOM a également été porté, permettant aux développeurs de parcourir et inspecter la structure du modèle. Enfin, la console permet d’étendre les logs réseau et d’afficher les mêmes détails que ce que Firebug permettait.

firefox developer edition

Les développeurs peuvent enfin modifier les éléments de stockage

Firefox DE 48 ajoute en outre l’une des fonctionnalités les plus demandées selon Mozilla : la possibilité de modifier le stockage. Depuis l’inspecteur idoine, les développeurs pourront donc modifier ou effacer les cookies, le stockage local ou encore l’ensemble des entrées de stockage de la session. Dans les tableaux, il suffira de double-cliquer sur une valeur pour la modifier, tandis que la suppression passera par le menu contextuel.

Autre ajout pratique, l’éditeur géométrique. Il permet de modifier le positionnement de tout élément disposant d’une position absolue ou fixe. Le développeur pourra donc changer à la volée les valeurs depuis les quatre bords de l’élément. Ce nouvel outil se trouve dans l’onglet Box Model.

firefox developer edition

Mémoire vive : une vue d'ensemble de la consommation

Aux côtés de ces nouveautés viennent également des améliorations des outils existants. C’est particulièrement le cas pour celui dédié à la mémoire, qui se dote d’une nouvelle vue arborescente permettant de résumer la manière dont la mémoire est consommée, les objets étant groupés par types. À noter qu’une nouvelle vue agrégée fait aussi son apparition, pour réunir toutes les instances du même type de nœud. Les développeurs pourront en outre supprimer manuellement les snapshots individuels dans la barre latérale.

D’autres améliorations ont été ajoutées pour simplifier l’utilisation globale des outils. Dans l’Inspecteur par exemple, l’autocomplétion de la vue Règles sélectionne automatiquement la propriété la plus utilisée par défaut. Mozilla donne en exemple background qui se sera sélectionné plutôt que backface-visibility. La vue Markup mettra également en avant la relation entre des nœuds parents et enfants.

La liste complète des changements peut être consultée depuis l’annonce de la nouvelle version du navigateur. Le téléchargement se fera quant à lui depuis le lien ci-dessous.

Commentaires (20)

Vous devez être abonné pour pouvoir commenter.

Abonnez-vous
votre avatar

En tant que web dév, ça fait un moment que j’ai abandonné Firebug, l’outil par défaut fait généralement la même chose voir beaucoup plus. Ce qui n’est pas supporté reste assez rare.

votre avatar

Il me semble que mozilla reprend toutes les fonctionnalités de firebug au fur et a mesure (c’est pourquoi vous avez l’impression que firebug est inutile)

votre avatar

Si, mais là ils font fusionné l’outil natif avec Firebug (qui a des fonctionnalités en plus, notamment l’analyse des appels AJAX, où Firebug est bien plus avancé).

votre avatar
votre avatar

Faut lire la news les gars. Firebug n’est pas compatible avec e10s, donc Mozilla fait d’une pierre deux coups en  l’intégrant directement dans FF mais ça prend du temps.



Alors oui les outils intégrés à FF sont de mieux en mieux et suffisants pour beaucoup…puisqu’ils proviennent de Firebug ! Mais Firebug avait encore quelques fonctionnalités que n’avaient pas les outils intégrés, comme la modification des cookies…ce qui est fait.



En gros, d’ici quelques mois, Firebug disparaitra totalement en tant que plug-in. Par contre on se sait pas ce que deviendra la DE une fois que tous les outils de dev seront atterris dans la version finale avec e10s…

votre avatar

La DE permet de tester les extensions non signées, elle restera utile.

votre avatar

200 à 500… j’suis sur Fx avec 60 onglets et ça commence déjà à ramer parfois… (malgré mes 16Go de RAM)

votre avatar







TiTan91 a écrit :



200 à 500… j’suis sur Fx avec 60 onglets et ça commence déjà à ramer parfois… (malgré mes 16Go de RAM)





Firefox c’est devenue une  usine a gaz … :(

et  je vois que les mise a jour sont fort utile … pour les devs peut etre !



“Les améliorations sont assez nombreuses,” oui nombreuse pour les dev, par contre  pour l’utilisateur en lui même toujours rien  sur l’amelioration de cette usine a gaz depuis plusieur année maintenant …

 


votre avatar

Enfin, l’intégration de Firebug dans le navigateur ! <img data-src=" />

votre avatar

Je comprends pas, y’avais pas déjà un inspecteur web intégré dans FF ? Indépendant de l’extension Firebug ? En tout cas c’est ce que j’ai depuis un moment sur FF OS X.

votre avatar

Pour tout ce qui est AJAX se passer de firebug est vraiment difficile…

votre avatar

L’outil de dév par défaut de Firefox me semble pourtant top. Je n’utilise que lui, sans avoir à installer firebug en plus.

votre avatar

Ah ayé le mutiprocess arrive. Quelqu’un a testé niveau conso de RAM ?

Faut que je teste avec mes 200 à 500 onglets pour voir à quel point ça va devenir ingérable en multiprocess…

votre avatar

J’avais jamais remarqué que les logo nightly et aurora incitaient à la pollution lumineuse. <img data-src=" />

votre avatar

Idem que mes voisins du dessus.



Firebug est encore utile avec les (grosses) améliorations de la console Firefox ces dernières années ?

votre avatar







gnujeremie a écrit :



L’outil de dév par défaut de Firefox me semble pourtant top. Je n’utilise que lui, sans avoir à installer firebug en plus.





Bah clairement pour pouvoir inspecter ce qui est envoyé en post/le retour html/json, je viens de désactiver firebug pour vérifié ben c’est totalement illisible! ;)


votre avatar

500 onglets…t’as QUOI comme machine ? <img data-src=" />

votre avatar

Libriste =/= astronome amateur <img data-src=" />

votre avatar







Galak_ a écrit :



Ah ayé le mutiprocess arrive. Quelqu’un a testé niveau conso de RAM ?

Faut que je teste avec mes 200 à 500 onglets pour voir à quel point ça va devenir ingérable en multiprocess…





En fait e10s ne crée pas encore un processus par onglets. Il crée juste deux processus : un pour l’IHM et l’autre pour toutes les pages web.

Ceci dit ça fait un moment que Firefox décharge les onglets inutilisés et les recharge a la volée, je suposes que s’il passent a un onglet par thread, ils le recréeront aussi à la volée.


votre avatar







CNek a écrit :



Je comprends pas, y’avais pas déjà un inspecteur web intégré dans FF ? Indépendant de l’extension Firebug ? En tout cas c’est ce que j’ai depuis un moment sur FF OS X.









gnujeremie a écrit :



L’outil de dév par défaut de Firefox me semble pourtant top. Je n’utilise que lui, sans avoir à installer firebug en plus.









EMegamanu a écrit :



Idem que mes voisins du dessus.



Firebug est encore utile avec les (grosses) améliorations de la console Firefox ces dernières années ?







Les fonctionnalités manquantes aux Dev Tools intégrés de Firefox sont portés de Firebug 2 au fur et à mesure, y compris le support d’ “extensions firebug” (si j’ai bien suivi). Ensuite sortira Firebug.next (ou 3) pour des tests de nouvelles fonctionnalités en attente d’être mergée dans firefox.


Firefox Developer Edition 48 continue l’intégration de Firebug

  • Les fonctionnalités de Firebug continuent de glisser

  • Les développeurs peuvent enfin modifier les éléments de stockage

  • Mémoire vive : une vue d'ensemble de la consommation

Fermer