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

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

Attention, on reste sur un canal alpha

Avatar de l'auteur
Vincent Hermann

Publié dans

Logiciel

18/03/2016 2 minutes
11

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

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 ».

Écrit par Vincent Hermann

Tiens, en parlant de ça :

Sommaire de l'article

Introduction

De l'émulation pour les user agents

Une interface mieux adaptée pour les WebExtensions

Fermer

Commentaires (11)


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.


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


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








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…



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).


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.




De l’émulation pour les user agents





Yeah ! Enfin ! <img data-src=" />


à ça <img data-src=" />








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.



&nbsp;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.









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.









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 <img data-src=" />