Firefox edición para desarrolladores 46: mejores herramientas de memoria, barra lateral de @media y más

15 marzo, 2016 2:30 por

Esta es una traducción del artículo original publicado en el blog de Mozilla Hacks.

¡Ya está disponible la versión 46 de Firefox para desarrolladores! En esta versión se ha añadido varias características para los perfiles de memoria y se ha mejorado muchas de las herramientas existentes. En esta entrada observaremos alguno de los grandes cambios liberados en este lanzamiento.

Vista de Dominator en la herramienta de memoria

Una nueva vista se ha añadido a la Herramienta de Memoria para ayudar en la depuración e inspección de memoria de aplicaciones web complejas. La vista de Dominator provee una visión de la asignación de memoria donde se registra el tamaño de los objetos (shallow) y cualquier objeto referenciado (retained) que se encuentran asignados actualmente en memoria, permitiendo ver el impacto en memoria de un objeto particular y ubicar rápidamente el código responsable de crear ese objeto específico. Si deseas conocer mas sobre esta funcionalidad, aquí puedes leer sobre ella.

Vista de Dominator

Vista de Dominator

Herramienta de rendimiento y perfil de GC

La herramienta de rendimiento ahora permite registrar asignaciones de memoria, para ayudarte a reducir la cantidad de recolección de basura (GC) realizada en tu aplicación y mejorar el tiempo de respuesta. Puedes activar asignaciones de memoria en la herramienta de rendimiento haciendo clic el botón de configuración, y luego haciendo clic en «Registrar Asignaciones».

Vista de asignaciones de memoria

Vista de asignaciones de memoria

Deshacer manipulación de funciones de Emscripten

Cuando se compila código nativo a través de Emscripten, observarás que los nombres de las funciones son cambiadas por el compilador. Ahora hemos añadido soporte para deshacer esto en el árbol de llamadas del perfil, permitiendo referenciar fácilmente a tu código original sin compilar (notas de desarrollo)

Editor de estilos y consultas @media

Las herramientas de desarrollo de Firefox proveen una Vista de diseño adaptable, utilizada para desarrollar sitios web que se adaptan a muchos tamaños de pantalla. Puedes usar esta vista en conjunto con la barra lateral de consultas de medios (media query) para ver rápidamente cuales reglas están activadas para el tamaño de pantalla actual. En esta nueva versión, la barra lateral contiene enlaces en cada regla media que automáticamente ajustan el tamaño de la pantalla en la Vista de diseño adaptable (notas de desarrollo).

Enlaces de reglas media

Observa como ahora puedes adaptar el tamaño de pantalla desde una regla de medios

Depurador siempre encendido

También, el depurador ahora siempre se detiene en sentencias debugger cuando la caja se abre, inclusive si el panel aún no ha sido activado. Puedes leer el artículo de James Long para conocer más detalles técnicos.

Mejoras

Adicionalmente a las mejoras mencionadas, hemos pulido algunas áreas de la caja de herramientas, particularmente:

  • Se agregó la habilidad de limpiar los registros de la pila en la herramienta de memoria (notas de desarrollo)
  • Se ha mejorado el contraste de la barra de información del inspector en páginas oscuras (notas de desarrollo)
  • Ahora el texto del árbol de llamadas en la herramienta de rendimiento es seleccionable (notas de desarrollo)
  • Se mejoró el rendimiento de console.log cuando se crean varios registros de forma asíncrona (notas de desarrollo)
  • El número de elementos en el inspector de almacenamiento ya no está limitado (notas de desarrollo)

¡Gracias a todos quienes ayudaron en el lanzamiento de esta versión de Firefox para desarrolladores! Descarga una copia de la última versión de Firefox para desarrolladores y comparte tu opinión.

The following two tabs change content below.
Colaborador de Mozilla Venezuela e Hispano en las áreas de desarrollo y medios sociales, entre otros. También soy desarrollador Web, Skateboarder, Profesor universitario, jugador de Playstation y PC, usuario Linux, Blogger, Geek, entre otros.

Compartir artículo:

Empezar la discusión en foro.mozilla-hispano.org

  • ¡Participa!

    Firefox Friends »
    Agrega botones de Firefox en tu sitio web y comparte tu amor por Mozilla Firefox.
    Ayuda a otros usuarios en Twitter.
    Colabora con la comunidad »
    En Mozilla lo importante son las personas. Descubre cómo puedes colaborar.

    Boletín Firefox

    Suscríbete al boletín de novedades de Firefox.

  • Descargas

    Descarga los programas de Mozilla.

    Lo más visto

    cc-by-sa