Firefox Developer Edition 40: Monitor permanente de la red, filtro de reglas CSS y mucho mas

13 junio, 2015 23:20 por

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

Firefox 40 ya está disponible y tenemos muchas actualizaciones para compartirles, pues en este lanzamiento nos enfocamos en atender los problemas que hemos escuchado de los usuarios de nuestras herramientas. Obtén una copia de Firefox Developer Edition y compruébalas.

Soporte Experimental de Multi-procesos

Cuando actualices a Firefox Developer Edition 40, te saldrá una ventana para invitarte a probar Firefox con soporte para multiprocesos. Por favor considera en ayudarnos activando esta nueva característica y enviarnos retroalimentación de cualquier problema presente.

Novedades en el Inspector

  • Ahora existe una caja de filtrado en las reglas CSS que permiten ver las coincidencias de reglas respecto a una cadena de texto. Observa este screencast en inglés o la siguiente captura de pantalla para mas detalles (Notas de desarrollo: 1120616 y 1157293.)
Filtro de reglas CSS

Filtro de reglas CSS

  • Existe una nueva etiqueta de documentación para propiedades CSS. Haz clic derecho en cualquier propiedad en la vista de reglas CSS y selecciona “Mostrar documentación MDN” para ver mas información de la propiedad. (Notas de desarrollo.)
Diálogo de MDN en la vista de reglas CSS

Diálogo de MDN en la vista de reglas CSS

  • Las búsquedas del Inspector ahora incluyen resultados de iframes y también incluye resultados de clases / id sin el prefijo CSS. (Notas de desarrollo: 873443 y 1149346.)
  • Existe un nuevo editor de filtros CSS,  creado por Mahdi Dibaiee. Chequea su screencast del editor de filtros CSS para ver una demostración. (Notas de desarrollo)
  • El inspector de animaciones posee nuevas mejoras. Ahora muestra el sub-árbol de animaciones, la velocidad de reproducción puede ser controlada y visualizada, se resaltan los nodos DOM animados, entre otros. (Notas de desarrollo: 1155651, 1155653, y 1144615.)

Hay muchos cambios para ser listados en esta entrada, pero aquí van algunas de las actualizaciones más interesantes que puedes notar en el Inspector:

  • La vista del Modelo de Caja ahora tiene leyendas para las regiones y etiquetas, para mostrar cuáles reglas CSS se han invocado para generar el valor computado. (Notas de desarrollo: 1141571 y 1151956.)
  • Al presionar Shift y hacer clic a un color, intercambia entre los formatos de unidad de color. (Notas de desarrollo.)
  • Se han agregado los siguientes elementos al menú contextual del Inspector de Elementos:  Desplazamiento hacia una vista, Abrir el enlace en una nueva pestaña, Copiar enlace, Abrir en el Editor de Estilos, y Abrir en el depurador. (Notas de desarrollo: 901250, 921102, y 1158822.)

Monitor de Red

Aquí hay una selección de mejoras incluidas en esta versión:

  • Nuevos entradas en el menú contextual de cada petición: Copiar Respuesta, Copiar parámetros de la URL y Copiar cabeceras de Petición/Respuesta. (Notas de desarrollo: 955933, 1150717, y 1150715.)
  • Caja de búsqueda para filtrar peticiones. (Notas de desarrollo.)
  • Se incluyen las direcciones IP en la etiqueta del Dominio para el monitor de la red. (Notas de desarrollo.)
  • Se agregaron atajos de teclado al menú contextual de la petición. (Notas de desarrollo.)

Consola Web

  • Nuevo método para la consola: console.dirxml(). (Notas de desarrollo.)
  • Nuevas opciones de filtrado en la consola web para mostrar los mensajes de consola de los workers. (Notas de desarrollo.)
  • Ya no se agregan comillas en las cadenas de texto si se registran por medio de console.log. ¡Gracias al nuevo contribuyente Dmitry Sagalovskiy por agregar esta característica! (Notas de desarrollo.)

Depurador

  • Nuevas entradas en el menú contextual del depurador para Copiar URL y Abrir en nueva Pestaña. (Notas de desarrollo.)
  • Ahora funciona los puntos de ruptura (breakpoints) en scripts anónimos por eval. (Notas de desarrollo.)

General

  • Al editor de estilos se agregó las opción para abrir un enlace en una nueva pestaña. (Notas de desarrollo.)
  • Hay un botón para contraer por completo la barra lateral del Inspector. (Notas de desarrollo.)
  • La barra de desarrollador combina con las herramientas cuando se tiene activado el tema claro. (Notas de desarrollo).
  • Se mejoró el color de los temas para mejor contraste. (Notas de desarrollo.)
  • Mejor soporte HiDPI  para Windows. (Notas de desarrollo: 1147702 y 1023546.)

Gracias a todos los desarrollares que contribuyeron con parches a las herramientas de desarrollo en esta versión. Aquí tienes una lista de todos los bug solucionados para Firefox 40.

Si tienes alguna duda, comentarios, reporte de bugs, solicitud de funcionalidades, o preguntas. No dudes en comentar aquí, añadir/votar por ideas en UserVoice, o entrar en contacto con el equipo en Twitter a través de la cuenta @FirefoxDevTools.

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:

Start the discussion at 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