NUEVAS
FUNCIONES DE LAS HERRAMIENTAS DE DESARROLLO DE FIREFOX: EPISODIO 26
Firefox 26 estaba levantado en el
canal de liberación de Aurora que significa que estamos aquí de nuevo para
informar sobre nuevas características de Herramientas de Desarrollo de Firefox.
He aquí un resumen de algunas de las nuevas características más interesantes.
Inspector: Apoyo pseudoelemento
Para obtener una mayor flexibilidad en el diseño de un elemento sin el uso de
nodos adicionales, es muy común el uso de pseudo elementos CSS, por ejemplo,
(`:before/:after{content:”"}`). En el Inspector ahora es posible ver las
reglas aplicadas a pseudo elementos.
Web Console: mejor selección de texto
Antes, era difícil seleccionar texto desde la consola web. La fijación de este
error requiere toda una reescritura de la zona de salida de la consola. Esto
hará copiar / pegar registros mucho más sencillo y proporciona el trabajo de
base para mejorar las características de salida de la consola aterrizando
pronto.
Mejoras globales de interfaz de
usuario
Ahora es posible para ampliar y alejar de la interfaz de usuario de todas las
herramientas de desarrollo. ¿Prefiere las fuentes más grandes? Presiona Ctrl +.
Más pequeño? Ctrl -. (Cmd en Mac OS X).
La vista DOM en el Inspector también
se ha mejorado así como mejoras en los atajos de teclado. Como bono adicional,
también cambiamos la vista previa de URL (la barra que aparece cuando se cierne
un enlace con el ratón) por encima de la caja de herramientas. No cubre la
entrada de la consola Web o cualquier otra herramienta más.
Vista diseño responsivo
La vista diseño responsivo incluye 3
nuevas mejoras:
· Simulación de eventos “touch” (eventos de ratón se convierten a eventos
“touch”)
· Captura de pantalla rápida
· Cambiar el tamaño exacto. Presione Ctrl mientras mueve el ratón por un
cambio de tamaño más exacto
Para más información y detalles,
visitehttps://hacks.mozilla.org/2013/09/new-features-in-the-firefox-developer-tools-episode-26/.
No hay comentarios:
Publicar un comentario