Hola, soy Kayce, escritora técnica de DevTools, y te contaré las novedades más recientes de DevTools.
El panel Recursos ahora es el panel de la aplicación
A partir de Chrome 52, el panel Recursos ya no está disponible. Se le cambió el nombre a Panel de aplicaciones. Todas las funciones anteriores del panel de recursos aún están disponibles, además de muchas nuevas para ayudarte a depurar apps web progresivas. Ahora tú también puedes disfrutar de las alegrías de depurar el ciclo de vida del trabajador de servicio y los problemas de sincronización de la caché.
Consulta nuestra nueva guía, escrita por tu servidor, para obtener más información sobre las nuevas funciones: Cómo depurar apps web progresivas
ChromeLens
ChromeLens es una excelente extensión nueva que te ayudará a hacer que tu sitio web sea más accesible para las personas con discapacidad visual.
P.D.: Rob Dodson acaba de lanzar una nueva serie de videos sobre accesibilidad, a11ycasts.
Nuevas funciones disponibles en Canary
Actualmente, Canary es Chrome 54. Así que, para los lectores futuros, si usas Chrome 54 o versiones posteriores, puedes usar estas funciones.
El selector de color se encuentra en el panel de fuentes.
Haz clic con el botón derecho en el panel Recursos del panel Red y podrás copiar una cadena de solicitudes de cURL para descargar todos tus recursos.
Puedes inhabilitar JavaScript desde el menú de comandos. Antes, esta opción solo estaba disponible en Configuración.
console.warn() ahora incluye un seguimiento de pila.
Esta última función lleva algunos meses disponible, pero vale la pena volver a mencionarla. Crea una grabación de cronograma con la opción de perfil de JS habilitada y podrás ver un desglose de los tiempos de ejecución por función en el panel Fuentes.
Nuevas ideas de la comunidad
Estas son algunas ideas nuevas de la comunidad que podrían llegar a DevTools Near You en el futuro.
- @matthewcp: Muestra una lista simple de objetos en crecimiento para acelerar la depuración de fugas de memoria.
- @jonathanbingram: Aumenta o disminuye los valores de
font-weightcon las combinaciones de teclas de aumento o disminución. - @_bl4de: Editar cookies (en realidad, es una solicitud antigua, pero gracias por volver a mencionarla). Se rumorea que @kdzwinel tiene una relación pública en proceso.
- @kienzle_s: Agrega filtros O al filtro del panel de red.
¿Tienes una idea nueva? Nos encantaría conocer tu opinión. Envíanos un ping en Twitter a @ChromeDevTools y cuéntanos qué te preocupa.
Mientras tengo tu atención, si hay algún documento que deba corregirse o funciones que deban explicarse, no dudes en abrir un problema en el repositorio de documentos.
¡Hasta el próximo mes!