Hola, soy Kayce y te envío este resumen para informarte sobre las novedades de DevTools desde el mes pasado.
Nuevas funciones de Console
En Chrome 56, que actualmente se encuentra en Canary, la consola de DevTools está potenciada por CodeMirror. Esto habilita muchas funciones nuevas, como las siguientes:
Resaltado de sintaxis mientras escribes Anteriormente, DevTools solo podía destacar la sintaxis después de que se evaluaba un bloque de código.
Destacado de paréntesis, corchetes o llaves coincidentes Si tienes un paréntesis, corchete o llave adicional, DevTools lo destacará en rojo.
Los paréntesis, corchetes o llaves coincidentes se destacan en gris cuando el cursor está junto a uno de ellos.
Retorno inteligente. Cuando escribes un bloque de código de varias líneas, DevTools ahora sabe si debe crear una línea nueva o ejecutar el código cada vez que presionas Intro. Por ejemplo, supongamos que deseas evaluar el siguiente bucle for en la consola:
for (var i = 0; i < 5; i++) {
console.log(i);
}
En el pasado, presionar Intro después de escribir la primera línea hacía que las Herramientas para desarrolladores evaluaran la línea, lo que provocaba un error. Para continuar el bloque de código en una línea nueva, deberías haber mantenido presionada la tecla Mayúsculas antes de presionar Intro. En cambio, ahora DevTools solo continúa automáticamente el bloque de código en una línea nueva después de que presionas Intro, como esperas que lo haga.
Múltiples cursores: Mantén presionadas las teclas Comando (Mac) o Control + Alt (Windows y Linux) y, luego, haz clic.
Canary ahora destaca en rojo los contextos que no son de la parte superior
Si trabajaste en Play Console recientemente, es posible que hayas tenido un
problema molesto que configuraba el selector de contexto de ejecución en valores
distintos de top.
Ese error debería corregirse en la versión estable, pero, para mayor seguridad, las Herramientas para desarrolladores en Canary (Chrome 56) ahora te advierten que no estás en el contexto top destacando el selector en rojo.
Nuevo usuario-agente: UC Browser
Ahora puedes seleccionar UC Browser para iOS, Android o Windows Phone en la pestaña del panel lateral Condiciones de red.
Compartir es cuidar
Como siempre, nos encantaría recibir tus comentarios o ideas sobre cualquier tema relacionado con DevTools.
- Comunícate con nosotros en ChromeDevTools en Twitter para realizar preguntas breves o comentarios, o compartir ideas nuevas.
- Para discusiones más largas, la lista de distribución o Stack Overflow son las mejores opciones.
- Si tienes alguna inquietud relacionada con los documentos, abre un problema en nuestro repositorio de documentos.
- Puedes comunicarte directamente con el equipo para informar un error o solicitar una función en Crbug.
Hasta el próximo mes,
Kayce