7 herramientas de desarrollador en Firefox

por / martes, 21 julio 2015 / Publicado enBlog
Comparte...Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn

La versión 39 es la última versión del gigante de internet, lanzado en 2004 y creado por David Hyatt y Blake Ross como parte del proyecto Mozilla. Es un software libre centrado en la privacidad de sus usuarios y en el avance del desarrollo web. Inicialmente se llamó Phoenix pero por razones legales con el desarrollador BIOS Phoenix Technologies pasó a llamarse Firebird (Pájaro de Fuego), no con mucho acierto puesto que se comprobó la coincidencia con la base de datos Firebird. Así pues el 9 de febrero del 2004 nació Mozilla Firefox.

Con el paso de los años surgieron las versiones y las mejoras de Firefox, pero vamos a centrarnos en la lanzada del pasado 2 de julio, Firefox 39. Comencemos con la herramienta básica para muchos desarrolladores:

1- La consola web:

consola webMuestra información relacionada con la web actual, advertencias y errores de JavaScript, HTML, CSS… En pasadas versiones cuando cerrabas la consola, el historial que se registraba en ella se perdía. Ahora persiste a lo largo de las sesiones.

2- El depurador:

depurador javascriptEl depurador de JavaScript puede ser usado para depurar código, viene con muchas características como proporcionar vigilancia de expresiones, breakpoints, alcance de variables, avance y salto de pasos, ejecutar hasta el final… No hay cambios destacables en la versión 39 de Firefox.

 

3- Editor de estilos:

Con el editor de estilos puedes ver y editar las hojas de estilo de la página, crear nuevas hojas y aplicarlas directamente a la página. El siguiente vídeo oficial de MDN te mostrará más en profundidad las posibilidades de esta herramienta:

Para los que el inglés no sea lo suyo, básicamente te explica cómo se pueden modificar archivos CSS de una página y como los puedes crear tu desde un principio.

4- Rendimiento::

rendimientoLa herramienta del rendimiento es muy útil si quieres saber el tiempo total que le cuesta ejecutar el JavaScript a una página.

5- Inspector:

inspectorEl inspector de elementos, nos permite seleccionar solo lo que queremos ver o modificar. Con el podemos ver el tamaño del elemento, y modificar el HTML o el CSS. Cuando se mueve el ratón en la marcación HTML la línea se muestra alrededor del elemento correspondiente.

 

6- Vista de diseño adaptado:

Esta herramienta sirve “únicamente” para ver desde el navegador como se vería en el móvil, Tablet o en otra pantalla, pudiendo ajustar la resolución que nosotros queramos.vista adaptada

 

7- Selector de color:

Si quieres ver el código del color de cualquier web solo tienes que abrir esta herramienta y hacer “click” en el color que quieras, se copiara automáticamente para que puedas pegarlo donde desees.selector color

Si con estas herramientas no estás satisfecho puedes añadir complementos para explotar más las posibilidades de Firefox. Hay herramientas tan útiles como “Firebug” que te permite editar el HTML y CSS con su selector de una forma más visual.

En la versión 39 se incluyen mejoras como:

-La posibilidad de compartir conversaciones en las RRSS y mediante una URL.

-Se ha suavizado los desplazamientos y animaciones en ordenadores Mac OS X.

-Incluye el soporte Unicode 8.0 que incluye emoticonos de diferentes tonos de piel

-Mejora la compatibilidad con HTML5.

-Se mejora la seguridad mediante SafeBrowsing.

Se espera que Firefox 40 llegue a partir de agosto.

SUBIR