Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
Estas son las características más recientes de DevTools de la versión estable de Microsoft Edge.
Vídeo: Novedades de DevTools 106
Presentación de la paleta de comandos
El experimento de paleta de comandos se quitó en Microsoft Edge 123.
En Microsoft Edge 106, ahora puede habilitar y usar el experimento de paleta de comandos. La paleta de comandos permite acceder a los comandos de la administración del navegador y las herramientas de desarrollo con un solo método abreviado de teclado: Ctrl+Mayús+Barra espaciadora.
Para habilitar el experimento de paleta de comandos:
Ve a
edge://flags. Luego, en el campo de texto Buscar banderas, comience a escribir Paleta de comandos.En el menú desplegable Paleta de comandos , seleccione Habilitado:
Observe el método abreviado de teclado, que se muestra en la sección Paleta de comandos de la
edge://flagspágina.Haga clic en el botón Reiniciar , que aparece en la esquina inferior derecha cuando selecciona Habilitado.
Para acceder rápidamente a los comandos de administración del explorador y a los comandos de DevTools disponibles, después de habilitar el experimento:
En Microsoft Edge (con o sin DevTools abierto), presione Ctrl+Mayús+Barra espaciadora.
Empiece a escribir. Los comandos se filtran en función de los caracteres de entrada y se agrupan en categorías como Sugerencias, Historial y DevTools:
Para limitar el filtrado a solo los comandos de DevTools de lista, escriba el carácter mayor que (>):
Háganos saber qué comandos le gustaría ver en versiones futuras de Microsoft Edge al publicar un comentario en el problema 73: [feedback] Experimento de paleta de comandos en el repositorio de MicrosoftEdge/DevTools .
Filtrar y corregir automáticamente problemas de código en DevTools para Visual Studio Code
La extensión Microsoft Edge DevTools para Visual Studio Code ahora proporciona opciones de corrección rápida, lo que le permite corregir problemas automáticamente.
Para acceder a las opciones de corrección rápida :
Mantenga el puntero sobre un problema notificado por la extensión DevTools, indicado por un subrayado ondulado en el código. Aparecerá un icono de bombilla junto al problema.
Haga clic en el icono de la bombilla (
). Aparece el menú Corrección rápida :
Seleccione la corrección rápida que desee utilizar para resolver el problema o para dejar de notificarlo como un problema. Al seleccionar ignorar el problema, se crea automáticamente un
.hintrcarchivo que indica a la extensión que omita este tipo de problema y no lo vuelva a notificar.
Vea también:
- Correcciones rápidas automatizadas y filtrado de problemas en el análisis de problemas en línea y en vivo
Ahora, DevTools usa menos espacio en disco al almacenar en caché los mapas de origen
A partir de Microsoft Edge 101, DevTools comenzó a almacenar en caché mapas de origen en IndexedDB para reducir la cantidad de solicitudes de red que capturan sus mapas de origen. Sin embargo, este cambio podría ocupar una gran cantidad de espacio en disco si estos mapas de origen nunca se quitan.
En Microsoft Edge 106, se ha corregido este problema quitando los mapas de origen a los que no se haya accedido en 30 días desde el almacenamiento IndexedDB. Además, los mapas de origen que se sirven desde localhost tampoco se almacenan en caché. Gracias por enviarnos comentarios sobre este problema.
Para comprender cómo DevTools obtiene y almacena en caché los mapas de origen, vea la columna Estado de carga en la herramienta Monitor de mapas de origen. La primera vez que carga la página web, la herramienta Monitor de mapas de origen muestra que los mapas de origen aún no se almacenan en caché:
Al actualizar la página web, la herramienta Monitor de mapas de origen muestra que se utilizan los mapas de origen almacenados en caché:
Para borrar la caché de IndexedDB y forzar a DevTools a volver a cargar los mapas de origen, ejecute el comando Borrar caché de mapas de origen en el menú de comandos. Consulta Ejecutar comandos en el menú de comandos.
Para obtener información sobre la historia, consulte el número 89.
Vea también:
- Los mapas de origen ahora se almacenan en caché con IndexedDB en Novedades de DevTools (Microsoft Edge 101)
Los temas de color de Chromium han quedado en desuso
Para mejorar la confiabilidad, los temas Chromium Light y Chromium Dark han quedado en desuso. Los usuarios que anteriormente tenían seleccionados estos temas se migrarán automáticamente al tema Claro+ u Oscuro+ , respectivamente:
DevTools en el tema Light+ :
DevTools en el tema Dark+ :
Hay muchos temas de color de DevTools entre los que elegir, como Monokai y Solarized. Para cambiar el tema de color en DevTools, haga clic en el botón Configuración (
) y, a continuación, en la página Preferencias , en el menú desplegable Tema , seleccione un tema:
Mejoras de accesibilidad en el modo Foco y el modo de contraste alto
Los botones ubicación de acoplamiento y ubicación de la barra de actividades en el modo Foco ahora funcionan mejor con lectores de pantalla
En Microsoft Edge 105, el modo Enfoque recibió varias mejoras, incluida la nueva ubicación de Dock y los botones de ubicación de la barra de actividades . En Microsoft Edge 106, estos nuevos botones ahora funcionan mejor con tecnologías de asistencia, como los lectores de pantalla.
Los lectores de pantalla ahora anuncian qué botón de ubicación de acoplamiento o qué botón de ubicación de barra de actividades está seleccionado actualmente, y el número de botones, que representan las opciones de ubicación disponibles:
Vea también:
- Navegar por DevTools con tecnología de asistencia
- Modo de concentración: controles de ubicación mejorados para DevTools, la barra de actividades y la vista rápida en Novedades de DevTools (Microsoft Edge 105).
Los estilos calculados son más fáciles de ver en el modo de contraste alto
En el modo de contraste alto, en versiones anteriores de Microsoft Edge, los botones expandir y contraer para los estilos calculados no se representaban correctamente, en la pestaña Calculado de la herramienta Elementos . Se ha corregido este problema en Microsoft Edge 106. Los botones expandir y contraer ahora son visibles en el modo de contraste alto:
Vea también:
Anuncios del proyecto de Chromium
Microsoft Edge 106 también incluye las siguientes actualizaciones del proyecto de Chromium:
- Agrupar archivos por Creado o Implementado en el panel Orígenes
- Seguimientos de pila mejorados
- Pila de llamadas mejorada durante la depuración
- Ocultar orígenes ignorados en el panel Orígenes
- Ocultar archivos de la lista de ignorados en el menú de comandos
- Nueva pista de interacciones en el panel Rendimiento