Home

Firefox a sorti une version dédiée aux développeurs web de son navigateur, embarquant de nombreux outils pour développer plus efficacement.

 Firefox a sorti une version dédiée aux développeurs web de son navigateur, embarquant de nombreux outils pour développer plus efficacement.

Si comme moi vous avez un peu laissé tomber Firefox au profit de Chrome ces derniers temps, voilà une édition qui vous rabibochera certainement avec le fameux renard de feu Mozilla !

En effet, la firme vient de sortir une version dédiée aux développeurs web avec tout un tas d’outils tous plus pratiques les uns que les autres.

On retrouve entre autre:

UN WEBIDE INTÉGRÉ DANS FIREFOX

UN WEBIDE INTÉGRÉ DANS FIREFOX

Grâce à ce dernier, vous pourrez développer vos projets web sans avoir besoin d’un IDE logiciel à installer.

On retrouve toutes les fonctionnalités d’un IDE Web, fait pour les technos HTML/CSS/JS.

Il permet de simuler et debugger en live le rendu de votre application sur Firefox OS grâce au simulateur embarqué.

DES OUTILS RESPONSIVE DANS FIREFOX

DES OUTILS RESPONSIVE DANS FIREFOX

Impossible aujourd’hui de passer à côté du responsive webdesign. Mozilla l’a bien compris et nous propose un outil de simulation de responsive webdesign bien pratique dans lequel il sera possible de passer d’une taille d’écran à une autre pour tester ses medias queries, tout en adaptant en live le CSS.

LE DEBUGGER FIREFOX POUR SAFARI IOS OU CHROME ANDROID

LE DEBUGGER FIREFOX POUR SAFARI IOS OU CHROME ANDROID

Anciennement connu sous le nom de Firefox Tools Adapter, Valence est une application embarquée dans Firefox developer edition, permettant de debugger des pages web sur iOS Safari ou Android Chrome.

Grâce à des extensions spécifiques, vous prenez la main sur la console de votre smartphone et pouvez plus facilement comprendre les éventuels problèmes de JS / CSS et debugger en live depuis votre console.

LA CONSOLE DEV TOOLS FIREFOX

LA CONSOLE DEV TOOLS FIREFOX

Et bien sûr, nous retrouvons la console dev tools de Firefox que l’on ne présente plus:

  • Inspection d’éléments d’une page
  • Modification live des éléments CSS / HTML
  • Outil de debug avancé en Javascript avec point d’arrêts, modifications de valeurs …
  • Monitoring réseau et consommation de ressources
  • Editeur audio
  • Etc

Même si vous ne voulez pas quitter votre Chrome Dev Tools, jetez un coup d’oeil à Firefox Developer Edition, certains outils sont bien pratiques !

Site Officiel

Advertisements

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s