Usa el panel Application para inspeccionar, modificar y depurar muchos aspectos de tu app web, incluidos su manifiesto, los service workers, el almacenamiento y los datos de caché.
Descripción general
El panel Application se divide en cuatro secciones que contienen submenús. A continuación, se muestran estas secciones y submenús:
Aplicación: Contiene información general sobre la app, incluidos su manifiesto, los service workers y el almacenamiento.
- La pestaña Manifest presenta información de
manifest.jsonde una manera fácil de usar. También muestra errores y advertencias, si los hay, en la sección correspondiente. - La pestaña Service workers te permite inspeccionar y depurar service workers emulando eventos push, actualizando un servicio y mucho más.
- La pestaña Storage contiene un gráfico circular que muestra la distribución de la memoria que usan el almacenamiento en caché, IndexedDB y los service workers. También puedes borrar los datos del sitio y simular una cuota de almacenamiento personalizada.
Almacenamiento: Consulta y edita los diferentes métodos de almacenamiento que usa una app web.
- Las listas deLocal y Session storage te permiten seleccionar un origen y editar los pares clave-valor de los métodos de almacenamiento asociados.
- La IndexedDB
- La lista Cookies te permite seleccionar un origen y editar los pares clave-valor.
- Private state tokens y Interest groups te permiten inspeccionar los tokens y groups correspondientes, si los hay.
- La lista Shared storage te permite seleccionar un origen, inspeccionar y editar los pares clave-valor asociados.
- La lista Cache storage contiene las memorias caché disponibles y te permite inspeccionar, filtrar y borrar sus recursos.
Background services: Inspecciona, prueba y depura los servicios en segundo plano.
- La pestaña Back/forward cache te permite ejecutar pruebas en la memoria caché atrás/adelante del navegador. También informa problemas que pueden impedir el almacenamiento en caché atrás/adelante.
- La pestaña Background fetch te permite registrar la actividad de la API de Background Fetch por hasta tres días.
- La pestaña Background sync te permite registrar la actividad de la API de Background Sync por hasta tres días.
- La pestaña Bounce tracking mitigations te permite identificar y borrar el estado de los sitios que parecen realizar un seguimiento entre sitios con la técnica de seguimiento por rebote.
- La pestaña Notifications te permite registrar mensajes push por hasta tres días.
- La pestaña Payment handler te permite registrar eventos de Payment Handler por hasta tres días.
- La pestaña Periodic background sync te permite registrar eventos clave por hasta tres días en el ciclo de vida de la sincronización periódica en segundo plano, como registrarse para la sincronización, realizar una sincronización en segundo plano y anular el registro.
- La pestaña Speculative loads te permite depurar las cargas especulativas. Muestra el estado especulativo, los conjuntos de reglas y los intentos de carga especulativa.
- La pestaña Push messaging te permite registrar mensajes push por hasta tres días y registrarlos.
- La pestaña API de Reporting supervisa tu sitio y muestra las llamadas a la API obsoletas y las violaciones de seguridad.
- La pestaña Device bound sessions te permite ver información sobre las sesiones vinculadas a dispositivos y los eventos asociados.
Frames: Divide las páginas y los recursos en varias vistas y muestra información relevante, como Security & Isolation, Política de Seguridad del Contenido, API availability y mucho más.
Abre el panel Application
Para abrir el panel Application , haz lo siguiente:
- Abre las Herramientas para desarrolladores.
- Abre el menú de comandos presionando lo siguiente:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Comienza a escribir
application, selecciona Show Application y presiona Enter. Las Herramientas para desarrolladores muestran el panel Application en la parte superior de la ventana de Herramientas para desarrolladores.
Como alternativa, puedes abrir el panel Application de las siguientes maneras:
- En la barra de acciones de la parte superior, haz clic en Más paneles y selecciona Application en la lista desplegable.
- En la esquina superior derecha, selecciona Más opciones > Más herramientas > Application.