Mejoras de los trabajos de servicio

Este artículo le enseña acerca de las mejoras en los trabajadores de servicios y las solicitudes de red que pasan por cada uno de ellos. Las mejoras de los trabajos de servicio se encuentran en las herramientas red, aplicacionesy fuentes . Las mejoras incluyen las siguientes tareas.

  • Depurar en función de escalas de tiempo de trabajo de servicio.
    • El inicio de una solicitud y la duración del bootstrap.
    • Actualice el registro de trabajadores del servicio.
    • El motor en tiempo de ejecución de una solicitud mediante el controlador de eventos fetch .
    • El motor en tiempo de ejecución de todos los eventos fetch para cargar un cliente.
  • Explore los detalles de tiempo de ejecución de los controladores de eventos de Fetch, instale controladores de eventos y Active controladores de eventos.
  • Ir hacia dentro y fuera del controlador de eventos de Fetch con información de script de página.

Las experiencias abarcan tres herramientas de desarrollador diferentes.

  1. La herramienta red . Elija una solicitud de red que se ejecute a través de un trabajador de servicio y obtenga acceso a la escala de tiempo correspondiente del trabajo de servicio en la herramienta intervalos .
  2. La herramienta de aplicación . Para depurar los trabajos de servicio, vaya a la herramienta de trabajos de servicio .
  3. La herramienta orígenes . Obtenga acceso a la información de script de página al entrar en los controladores de eventos de Fetch.

Red

Escala de tiempo de trabajo del servicio en la herramienta red

Para obtener acceso a las características de depuración de trabajos de servicio de la herramienta red , complete una de las siguientes acciones.

  • Acceso directo en la herramienta red .
  • Se inició en la herramienta de aplicación .

Enrutamiento de solicitudes

Para facilitar la visualización del enrutamiento de solicitudes, las escalas de tiempo ahora muestran los eventos inicio de trabajo de servicio y respondWith captura. Para depurar y visualizar una solicitud de red que pasó a través de un trabajo de servicio, complete las siguientes acciones.

  1. Elija la solicitud de red que pasó a un trabajador de servicio.
  2. Abrir la herramienta intervalos .

Eventos fetch

Para obtener más información sobre los respondWith eventos de captura, elija la flecha de lista desplegable a la izquierda de la respondWith . Para obtener más información sobre la solicitud original y la respuesta recibida, use las flechas desplegables correspondientes.

Aplicación

Vista de aplicación

Escala de tiempo de actualización de trabajo del servicio

El equipo de DevTools Microsoft Edge agregó una escala de tiempo en la herramienta de aplicaciones para reflejar el ciclo de vida de actualización del trabajador de servicio. Muestra los eventos de instalación y activación. Cada uno de los eventos tiene una flecha desplegable correspondiente para obtener más información.

Solicitar eventos de enrutamiento y búsqueda

Ahora puede acceder a las escalas de tiempo de los trabajos de servicio a través de la herramienta de red en el cajón de la consola. La característica beneficia el rendimiento, minimiza la duplicación de la interfaz de usuario y crea una experiencia de depuración más completa.

  1. Abra el trabajador de servicio que está depurando.
  2. Haga clic en el botón red para abrir la experiencia de enrutamientode la solicitud.
  3. Use los menús desplegables respondWith para obtener información de solicitud y respuesta de evento.

La herramienta red muestra las solicitudes de red que pasaron por el trabajo de servicio que está depurando. El filtro automático es una forma de restringir la exploración.

Orígenes

Vista DOM

Para obtener más información sobre la pila, establezca un punto de interrupción en el controlador de captura. Los detalles conducen a la ubicación del recurso en la secuencia de comandos de la página. Cuando el depurador se detiene en un controlador de captura, se muestra la información de la pila combinada en el panel de la derecha. Después de eso, puede desplazarse por los marcos de pila.

Trabajo futuro

El equipo de Microsoft Edge DevTools planea seguir desarrollando el detalle de la caché y está investigando más formas de mejorar la experiencia de depuración de los trabajos de servicio para los programadores de aplicaciones web progresivas .

Contactar al equipo de Microsoft Edge DevTools

Use las siguientes opciones para discutir las nuevas características y cambios de la publicación, o cualquier otro tema relacionado con DevTools.

  • Envíe sus comentarios con el icono Enviar comentarios o seleccione Alt + Shift + I \ (Windows, Linux ) o Option + Shift + I \ (MacOS ) en DevTools.
  • Tweet a @EdgeDevTools.
  • Enviar una sugerencia a la webque queremos.
  • Para archivar errores sobre este artículo, use la siguiente sección de comentarios .

El icono enviar comentarios en el DevTools de Microsoft Edge