El teu blog de Linux en català

Firefox per a desenvolupadors

Si ets desenvolupador de pàgines web, utilitzaràs sovint el depurador per revisar el codi, depurar javascript, canviar estils, veure les crides ajax, temps de resposta de les pàgines… i un gran etcètera. Per fer això, o bé utilitzes Firefox o bé utilitzes Chrome (si utilitzes un altre navegador llavors et posem al grup reduït del ‘No’, que no sobrepassa el 5%).

Mozilla acaba de presentar Firefox per desenvolupadors. Un Firefox que inclou per defecte totes aquelles eines per desenvolupadors que Mozilla ha anat creant al llarg del temps. Ací vos mostrem les seues característiques.

Eines bàsiques per a desenvolupadors

Entre les eines bàsiques, tenim:

  • L’eina equivalent al Firebug per nativa del Firefox, que ha evolucionat molt i que ens permet fer un munt de coses
  • Una lupa per veure les entranyes del web
  • Fer captura de la pantalla
  • Vista en 3d de la pàgina (això m’ha salvat ja unes quantes voltes de divs que no sabíem d’on venien)
  • ColorPick per esbrinar fàcilment els colors dels diferents elements del web
  • Editor d’estils, depurador, consola, xarxa…

3d-view

Valence

Efectivament, València en anglès. Terra de la paella i de la casalla, de la mentireta i de les bajoques farcides. Però res a vore al cap i a la fi. Valence és un complement per poder depurar navegadors més enllà del Firefox. Bàsicament ens permet depurar Chrome sobre Android i Safari sobre iOS. Això és realment genial (tot i que pareix una miqueta complicat de configurar).

Responsive Design View

Esta funcionalitat ens permet jugar fàcilment amb la mida de visualització de les pàgines web:

  • Podem canviar la mida de la pàgina fàcilment (tot a dintre d’una pestanya del Firefox)
  • Permet fer captures de pantalla directament sobre les diferents mides
  • Permet simular la pantalla tàctil
  • Permet simular rotació de dispositiu i canviar entre vàries mides predefinides

responsive-design-view

WebIDE

Una potent eina de desenvolupament d’aplicacions per al Firefox OS. Podeu provar-la dos segons i vos sorprendreu com de fàcil és crear una aplicació per al FirefoxOS, només heu de conéixer html i és suficient, i si sabeu javascript millor encara.

  • Permet instal·lar en qüestió de segons un emulador del FirefoxOS on podem executar les nostres aplicacions

webide_firefox

I molt més

Visiteu la pàgina de presentació d’esta versió del Firefox per saber-ne més.

El que es troba a faltar

Com a desenvolupador web, trobe a faltar moltes coses. Un «navegador per desenvolupadors», des del meu punt de vista, hauria de portar a més del que ja porta el Firefox for developers:

  • Capacitat de simulació de diversos navegadors, de forma que puguem depurar sense haver de canviar de finestra/sistema operatiu
  • Eines d’anàlisi de javascript que permeta controlar fàcilment eines conegudes globalment (google analytics i altres)
  • Eina per informar de totes les tecnologies que fa servir una web (existeix una extensió anomenada Wappalyzer
  • Poder depurar no només html i js, sinó també PHP o altres llenguatges sense haver de dependre d’editors i eines externes (netbeans/xdebug, per exemple)

Deixa un comentari

Your email address will not be published.