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.
Sugerencia
La conferencia Microsoft Build 2023 fue del 23 al 25 de mayo de 2023. Obtenga más información sobre las nuevas características de depuración de memoria, rendimiento y producción en DevTools, así como nuevas funcionalidades para PWA en la barra lateral, WebView2 y complementos de chat, en los siguientes vídeos:
Vídeo: Novedades de DevTools 113 y 114
Depurar seguimientos de pila de errores de JavaScript mediante la herramienta Crash Analyzer
La nueva herramienta Crash Analyzer está disponible como experimento en Microsoft Edge 113. En la herramienta Crash Analyzer , puede introducir un seguimiento de pila de JavaScript, por ejemplo, para excepciones de JavaScript que no son irrecuperables, y luego aplicar los mapas de origen al seguimiento de pila para que pueda depurar más rápido.
Para acceder a la herramienta Crash Analyzer, seleccione Habilitar el experimento Crash Analyzer enExperimentosde configuración>. Consulte Activar o desactivar un experimento.
Puede notificar excepciones de JavaScript no graves o datos similares a herramientas como la Aplicación de Azure Insights:
En primer lugar, para utilizar la herramienta Crash Analyzer , necesita seguimientos de pila con un formato especial que incluya una sección denominada
Source modules. Esta sección contiene las referencias de mapa de origen a las funciones de JavaScript que formaban parte del seguimiento de la pila de errores. Puede generar estos seguimientos de pila mediante el paquete npm de soporte de Crash Analyzer .Luego, necesita una manera de recibir realmente los seguimientos de pila de los exploradores que ejecutan su código. Una de estas formas es usar Aplicación de Azure Insights; consulte Información general sobre Application Insights.
Una vez que tenga un seguimiento de pila, péguelo en el panel izquierdo de la herramienta Analizador de bloqueos .
En la herramienta Analizador de bloqueos , haga clic en el botón Analizar (o presione Ctrl+Entrar). El panel derecho muestra los nombres de archivo y función originales que componen el seguimiento de pila:
Haga clic en los marcos de pila individuales para ver las líneas del código original que causó el error.
Para obtener más información, consulte Herramienta de análisis de bloqueo.
Vea también:
- throw - JavaScript | MDN Web Docs
- Información general sobre Application Insights
- Compatibilidad con Crash Analyzer | npm
La herramienta Memoria puede anular la asignación de nombres de objetos en instantáneas de montón
En Microsoft Edge 113, la herramienta Memoria ahora proporciona automáticamente los nombres de objeto originales al tomar una instantánea de montón, siempre que se carguen mapas de origen. Los mapas de origen se pueden cargar de forma confiable y segura al hospedarlos en el servidor de símbolos de Azure Artifacts.
En la imagen siguiente, se muestra el nombre e del objeto minimizado en una instantánea de montón en la herramienta Memoria :
Ahora, en Microsoft Edge 113, la herramienta Memoria anula automáticamente los nombres de objeto en la instantánea del montón:
Vea también:
- Depurar de manera segura el código original mediante la publicación de mapas de origen en el servidor de símbolos Artefactos de Azure
- Depuración segura del código original mediante mapas de origen del servidor de símbolos de Azure Artifacts.
- Tome una instantánea en Grabar instantáneas de pila con la herramienta Memoria (tipo de generación de perfiles "instantánea de montón").
La herramienta Problemas es mejor compatible con la navegación con el teclado
En la herramienta Problemas , al cambiar los filtros de gravedad o del explorador , se muestra una barra de información en la parte superior de la herramienta Problemas , que contiene un botón Regenerar problemas . En versiones anteriores de Microsoft Edge, navegar por esta barra de información con el teclado hacía que el botón Cerrar desapareciera. En Microsoft Edge 113, se ha corregido este problema:
Vea también:
- Filtrar problemas en Buscar y corregir problemas con la herramienta Problemas
- Navegar por DevTools con tecnología de asistencia
En el Modo Concentración, al mantener el puntero sobre una herramienta ya no hace que el nombre de cada herramienta desaparezca en la Barra de Actividades
En versiones anteriores de Microsoft Edge, en el modo Focalizado, al mantener el puntero sobre el icono de una herramienta en la barra de actividades en modo horizontal los nombres de las otras herramientas en la barra de actividades desaparecían. Se ha corregido este problema en Microsoft Edge 113. Al desplazar el puntero sobre un icono de herramienta para ver el nombre de la herramienta en una información sobre herramientas, los nombres de las demás herramientas permanecen mostrados en la Barra de Actividades:
El menú Personalizar DevTools es más compatible con temas de VS Code
Actualización: A partir de Microsoft Edge 131, se quita la característica de temas de Visual Studio Code y estos temas vuelven a los temas predeterminados:
- Luz+
- Oscuro+
En versiones anteriores de Microsoft Edge, la aplicación de temas de Microsoft Visual Studio Code como Solarized Light o Kimbie Dark ocasionaba problemas de bajo contraste al mantener el puntero sobre elementos en el menú Personalizar y controlar DevTools. Se ha corregido este problema en Microsoft Edge 113. Los elementos del menú Personalizar y controlar DevTools ahora se muestran con suficiente contraste de color:
Vea también:
- Probar el contraste de color de texto con el Selector de colores
- Comprobar el contraste de color de texto en el estado predeterminado con la herramienta Inspeccionar
El filtro Tipos de nodo de la herramienta Memoria ahora solo se muestra en la vista Resumen de una instantánea de montón
En Microsoft Edge 100, hemos agregado un filtro de tipos de nodo a la herramienta Memoria para que solo pueda centrarse en tipos específicos de objetos, como Array o String, al ver una instantánea de montón. Este filtro de tipos de nodo solo se aplica a los objetos que se muestran en la vista Resumen de una instantánea de montón.
El filtro Tipos de nodo también se mostraba cuando se seleccionaban las vistas de Contención o Estadísticas de la instantánea del montón, aunque el filtro no se aplicara a esas vistas. Este problema se ha corregido. En Microsoft Edge 113, el filtro Tipos de nodo solo se muestra cuando se selecciona la vista Resumen :
En las vistas Contención y Estadísticas , el filtro Tipos de nodo ya no se muestra, ya que no se aplica:
Vea también:
- Filtrar instantáneas de montón resumen por tipo de nodo en Novedades de DevTools (Microsoft Edge 100)
- Tome una instantánea en Grabar instantáneas de pila con la herramienta Memoria (tipo de generación de perfiles "instantánea de montón").
Anuncios del proyecto de Chromium
Microsoft Edge 113 también incluye las siguientes actualizaciones del proyecto de Chromium:
- Invalidar encabezados de respuesta de red
- Mejoras en la depuración de Nuxt, Vite y Rollup
- Mejoras de CSS en los estilos de elementos >
- Nueva configuración de la consola: Autocompletar al entrar
- El menú de comandos resalta los archivos creados
- Desuso de JavaScript Profiler: segunda fase