Novedades de DevTools (Microsoft Edge 100)
Para consultar las características más recientes de Microsoft Edge DevTools y la extensión Microsoft Edge DevTools para Microsoft Visual Studio Code y Visual Studio, lea estos anuncios.
Para mantenerse al día y obtener las últimas características de DevTools, descargue una versión preliminar de Insiders de Microsoft Edge. Tanto si está en Windows, Linux o macOS, considere la posibilidad de usar Canary (u otro canal de versión preliminar) como explorador de desarrollo predeterminado. Las versiones Beta, Dev y Canary de Microsoft Edge se ejecutan como aplicaciones independientes, en paralelo con la versión estable y publicada de Microsoft Edge. Consulte Canales de Microsoft Edge Insider.
Para ver los anuncios más recientes, siga al equipo de Microsoft Edge en Twitter. Para notificar un problema con DevTools o solicitar una nueva característica, escriba un problema en el repositorio MicrosoftEdge/DevTools .
Vídeo: Microsoft Edge | Novedades de DevTools 100
Unirse a la comunidad de Microsoft Edge DevTools en GitHub
Nos complace anunciar el nuevo repositorio MicrosoftEdge > DevTools en GitHub. Este nuevo repositorio es un lugar para que nuestra comunidad de desarrolladores nos envíe ideas, comentarios, sugerencias y sugerencias para mejorar DevTools. Estamos dispuestos a discutir con usted cómo DevTools puede satisfacer mejor sus necesidades y satisfacer los desafíos a los que se enfrenta cada día en la creación de excelentes experiencias web.
Vaya a nuestro repositorio de DevTools en GitHub para formar parte de la comunidad de Edge DevTools.
Filtrar resumen de instantáneas de montón por tipo de nodo
Al examinar todos los objetos de una instantánea de montón en la herramienta Memoria , puede ser difícil centrarse en objetos específicos o conservar rutas de acceso. Ahora, en Microsoft Edge 100, puede usar el nuevo filtro Tipos de nodo al examinar una instantánea del montón para centrarse solo en tipos específicos de nodos. Por ejemplo, para ver solo las matrices y los objetos de cadena que se encuentran en el montón, seleccione las entradas Matriz y Cadena en el filtro Tipos de nodo :
Vea también:
- Registre instantáneas del montón con la herramienta Memoria : tome una instantánea del montón y analice el montón.
Uso de DevTools en checo y vietnamita
Personalizar y simplificar la experiencia del desarrollador incluye poner nuestras herramientas a disposición de todos, independientemente de su idioma preferido. Hemos agregado dos nuevos idiomas, checo y vietnamita, a nuestra lista de idiomas admitidos, y seguiremos agregando más. Si su idioma preferido no es compatible con DevTools, háganoslo saber.
Vea también:
La herramienta Red ahora muestra cómo se ha cumplido una solicitud
En Microsoft Edge 100, la herramienta Red admite una nueva columna Completado por en el registro de solicitudes. Si el trabajador del servicio o la memoria caché cumplieron la solicitud, ahora se realiza el seguimiento de esa información en la columna Completado por . Al exportar o importar el registro de solicitudes como un HAR archivo, también se incluye la información de la columna Completado por .
Vea también:
- Filtrar solicitudes por propiedades en Referencia de características de red.
- Mejoras de service worker.
Para ver el historial de esta característica, consulte Problema n.º 16.
Filtrar mensajes en la herramienta Problemas por gravedad y destino del explorador
En la herramienta Problemas , las nuevas listas desplegables Gravedad y Explorador le permiten filtrar los mensajes por gravedad y destino del explorador, para ayudarle a centrarse en los comentarios más relevantes. Puede seleccionar o borrar las opciones de cada lista desplegable.
Para ver todos los mensajes pertinentes, es posible que tenga que actualizar la página. Si se le solicita, en la herramienta Problemas , haga clic en el botón Regenerar problemas .
De forma predeterminada, el filtro Gravedad se establece para mostrar solo advertencias y errores:
El filtro Explorador solo se aplica a los comentarios de compatibilidad del explorador, que se muestran en la sección Compatibilidad de la lista Problemas . De forma predeterminada, el filtro Explorador muestra los mensajes de los exploradores principales, tal como se define en Browserslist:
En el ejemplo siguiente, se filtran los mensajes sobre Firefox y Firefox para Android:
Vea también:
- Filtre los problemas en Buscar y corregir problemas mediante la herramienta Problemas.
Al importar un perfil de rendimiento, los vínculos ahora se asignan al código original.
Al grabar un perfil de rendimiento, el gráfico de llama de la herramienta Rendimiento muestra vínculos de cada evento del subproceso principal a la función de JavaScript correspondiente en la herramienta Orígenes . Sin embargo, estos vínculos se interrumpen al exportar e importar un perfil de rendimiento.
En Microsoft Edge 100, los vínculos de un perfil de rendimiento importado ahora usan mapas de origen del servidor de símbolos de Azure Artifacts para volver a asignarlo al código fuente original conocido. El perfil de rendimiento debe haberse exportado en Microsoft Edge 100 (o superior), de modo que el perfil incluya la información necesaria para resolver los mapas de origen en el seguimiento de rendimiento exportado.
Vea también:
- Asignar el código procesado al código fuente original para la depuración
- Depuración segura del código original mediante la publicación de mapas de origen en el servidor de símbolos de Azure Artifacts
- Depuración segura del código original mediante mapas de origen del servidor de símbolos de Azure Artifacts
Corrección: la vista Cascada de la herramienta Red ahora coincide con los temas de Visual Studio Code
En versiones anteriores de Microsoft Edge, la vista Cascada de solicitudes de la herramienta Red no coincidía con los temas de Visual Studio Code que se aplican al resto de DevTools. En Microsoft Edge 100, este problema se ha corregido.
Antes de Microsoft Edge 100, el tema seleccionado no se aplicaba en la vista Cascada:
Ahora, en Microsoft Edge 100, el tema seleccionado se aplica a la vista Cascada de solicitudes en la herramienta Red:
Vea también:
- Aplicar un tema de color a DevTools mediante temas de Visual Studio Code en DevTools.
- Mostrar la relación de temporización de las solicitudes en Referencia de características de red : la vista Cascada de solicitudes en la herramienta Red.
Anuncios del proyecto Chromium
La versión 100 de Microsoft Edge también incluye las siguientes actualizaciones del proyecto Chromium: