Firefox : la Developer Edition 47 prépare l’arrivée des WebExtensions

Attention, on reste sur un canal alpha

Le 18 mars 2016 à 10h50

2 min

Logiciel

Mozilla a mis à disposition la Developer Edition 47 de Firefox. Au programme, la possibilité d’émuler un user agent sur n’importe quelle page, ou encore des améliorations pour l’inspecteur de stockage et les thèmes.

La nouvelle Developer Edition de Firefox est proposée au téléchargement depuis hier soir. Estampillée 47, il s’agit pour rappel d’une Nightly spécifique, accompagnée de nombreux outils dédiés au développement web.

De l'émulation pour les user agents

Comme toujours avec ce type de version, les nouveautés se concentrent sur la facilité pour les développeurs de faire leur travail. Mozilla a donc ajouté la possibilité d’émuler n’importe quel user agent sur une page web. Un champ spécifique « Custom User Agent » est maintenant disponible, permettant par exemple d’inscrire celui d’un navigateur mobile, afin d’en tester le rendu.

Parmi les autres nouveautés, signalons un renforcement de la « dominator view » pour traquer plus efficacement les éventuelles fuites mémoire, l’arrivée dans l’inspecteur de stockage de la gestion du cache storage et d’un champ de recherche pour filtrer les résultats, plusieurs modification globales de l’interface des outils pour les rendre plus agréables d’utilisation, ou encore un déplacement de l’outil réseau en haut pour le rendre plus accessible.

Une interface mieux adaptée pour les WebExtensions

Cette version 47 prépare également le terrain des WebExtensions. Les popups de débogage sont donc plus visibles, avec la possibilité de les verrouiller pour ne pas qu’elles disparaissent une fois qu’elles ont été cliquées. Cette fonctionnalité s’active dans la boite d’outils du navigateur, via une icône représentant quatre carrés, située en haut à droite.

Enfin, deux composants disparaissent : la vue 3D et l’inspecteur de polices. Le premier est tout simplement retiré car il entrait en conflit avec les processus multiples, activés désormais dans la Developer Edition (voir notre actualité à ce sujet). Le second peut par contre être affiché à nouveau en cherchant la préférence « devtools.fontinspector.enabled » dans le « about:config ».

Télécharger Firefox Developer Edition 47

Commentaires (11)

Arcy Abonné

Le 18/03/2016 à 10h52

Pour la vue 3D, c’est con parce que c’était pratique quand on touchait au CSS.

Après, si Mozilla l’a remplacé par quelque chose de de plus pratique, je dis pas non.

Uther Abonné

Le 18/03/2016 à 11h20

La vue 3D c’était surtout a la base une démo des possibilités de WebGL. Ca n’a  jamais vraiment vu comme un outil de débogage important

Sirodo

Le 18/03/2016 à 11h35

Il servait à quoi l’inspecteur de polices? L’enlever change quelque chose?

millcaj

Le 18/03/2016 à 11h41

Arcy a écrit :

Pour la vue 3D, c’est con parce que c’était pratique quand on touchait au CSS.

Après, si Mozilla l’a remplacé par quelque chose de de plus pratique, je dis pas non.

et @Uther aussi : +1 La vue 3D est TRES intéressante pour repérer visuellement des détails ou comprendre une structure quand on travaille sur des pages complexes que l’on n’a pas conçues soi-même, par exemple, pour modifier les CSS extrêmement complexes de certains (nombreux) “templates” et styles disponibles pour les CMS du marché.

Et le Font Inspector, c’était pratique

“In the Firefox Inspector, a “Fonts” panel is now available. It exposes different information about the @font-faces used in the page:
 Font name and font family   


 Its location (system vs. remote, and URL)   


 A preview (you can change it)   


 @font-face code"   
https://hacks.mozilla.org/2013/03/font-inspector-and-elements-firefox-developmen…

Berri-UQAM

Le 18/03/2016 à 12h04

Dommage pour la vue 3D, je l’aimais bien lors de mes débuts en HTML/CSS, ça permettait d’avoir une bonne représentation visuelle de la structure des pages. Espérons que ça existera toujours en tant qu’extension (si c’est possible).

FRANCKYIV

Le 18/03/2016 à 12h15

Bonjour les gens :-)

Avec les Webextensions, est-ce que les extensions traditionnelles fonctionneront toujours ?

Faudra-t-il les adapter ?

Car j’utilise pas mal d’extensions, et j’aimerai bien toujours pouvoir les utiliser sans problèmes.

John Shaft

Le 18/03/2016 à 12h31

De l’émulation pour les user agents

Yeah ! Enfin ! " />

BancoLasticot

Le 18/03/2016 à 12h56

à ça " />

Uther Abonné

Le 18/03/2016 à 14h03

FRANCKYIV a écrit :

Avec les Webextensions, est-ce que les extensions traditionnelles fonctionneront toujours ?

Faudra-t-il les adapter ?

Dans un premier temps les deux types d’extensions vont cohabiter, mais à terme, il faudra bien toutes les adapter. Pour certaines ça sera facile. Par exemple la vue 3D, ça devrait aller, vu que c’est basé sur du WebGL et qu’on devrait avoir accès aux infos de débogage.

 Pour d’autres, ça risque d’être compliqué voire peut-être impossible pour celle qui font des modification complexe de l’interface. Tout dépend des fonctionnalité offertes pas ces WebExtentions.

zefling Abonné

Le 18/03/2016 à 15h28

Arcy a écrit :

Pour la vue 3D, c’est con parce que c’était pratique quand on touchait au CSS.

Après, si Mozilla l’a remplacé par quelque chose de de plus pratique, je dis pas non.

Ça va être compliqué, parce que c’est quand même hyper pratique pour comprendre une structure foireuse quand le CSS part en vrille. Bref, je ne l’utilise pas tout les jours, mais assez souvent parce que ça permet aussi de simplifier le DOM. Quand on voit qu’il y a trop de « boîtes », c’est pas bon signe.

FRANCKYIV

Le 18/03/2016 à 17h10

Uther a écrit :

Dans un premier temps les deux types d’extensions vont cohabiter, mais à terme, il faudra bien toutes les adapter. Pour certaines ça sera facile. Par exemple la vue 3D, ça devrait aller, vu que c’est basé sur du WebGL et qu’on devrait avoir accès aux infos de débogage.

Pour d’autres, ça risque d’être compliqué voire peut-être impossible pour celle qui font des modification complexe de l’interface. Tout dépend des fonctionnalité offertes pas ces WebExtentions.

Marchi pour la réponse " />