Descripción general del panel de la aplicación

Dale St. Marthe

Utiliza el panel Application para inspeccionar, modificar y depurar muchos aspectos de tu aplicación web, como su manifiesto, service workers, almacenamiento y datos en caché.

Descripción general

El panel Application se divide en cuatro secciones que contienen submenús. A continuación, se incluyen estas secciones y submenús:

Aplicación: Contiene información general sobre la app, como el manifiesto, los service workers y el almacenamiento.

• En la pestaña Manifiesto, se presenta información de manifest.json de 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 los service workers mediante la emulación de eventos de envío, la actualización de un servicio y mucho más.
• La pestaña Almacenamiento contiene un gráfico circular que muestra la distribución de la memoria usada por el almacenamiento en caché, IndexedDB y service worker. También puedes borrar los datos del sitio y simular una cuota de almacenamiento personalizada.

Almacenamiento: Visualiza y edita los diferentes métodos de almacenamiento que usa una app web.

• Las listas local y de almacenamiento de sesión te permiten seleccionar un origen y editar los pares clave-valor de los métodos de almacenamiento asociados.
• La lista IndexedDB contiene bases de datos y te permite inspeccionar los almacenes de objetos del navegador.
• La lista Cookies te permite seleccionar un origen y editar los pares clave-valor.
• Los tokens de estado privado y los grupos de interés te permiten inspeccionar los tokens y grupos correspondientes, si los hay.
• La lista Almacenamiento compartido te permite seleccionar un origen, así como inspeccionar y editar pares clave-valor asociados.
• La lista Almacenamiento en caché contiene las cachés disponibles y te permite inspeccionar, filtrar y borrar sus recursos.

Servicios en segundo plano: Inspecciona, prueba y depura servicios en segundo plano.

• La pestaña Memoria caché atrás/adelante te permite ejecutar pruebas en la memoria caché atrás/adelante en el navegador. También informa problemas que podrían estar impidiendo el almacenamiento en la memoria caché atrás/adelante.
• La pestaña Recuperación en segundo plano te permite registrar actividad de la API de recuperación en segundo plano durante un máximo de tres días.
• La pestaña Sincronización en segundo plano te permite grabar actividad desde la API de sincronización en segundo plano por un máximo de tres días.
• La pestaña Mitigaciones de seguimientos por rebote 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 Notificaciones te permite grabar mensajes push durante un máximo de tres días.
• La pestaña Controlador de pagos te permite registrar eventos del controlador de pagos durante un máximo de tres días.
• La pestaña Sincronización periódica en segundo plano te permite grabar eventos clave durante un máximo de tres días del ciclo de vida periódico de la sincronización en segundo plano, como registrarse para realizar una sincronización, realizar una sincronización en segundo plano y cancelar el registro.
• La pestaña Cargas especulativas te permite depurar cargas especulativas. Muestra el estado especulativo, los conjuntos de reglas y los intentos de carga especulativa.
• La pestaña Mensajes push te permite registrar los mensajes push durante un máximo de tres días.
• La pestaña API de Reporting supervisa tu sitio y también informa las llamadas a la API y las infracciones de seguridad que dejaron de estar disponibles.

Marcos: Divide páginas y recursos en varias vistas y muestra información relevante, como Seguridad y aislamiento, Política de Seguridad del Contenido y Disponibilidad de la API, entre otras.

Abrir el panel Aplicación

Para abrir el panel Application, haz lo siguiente:

1. Abre Herramientas para desarrolladores.
2. Para abrir el menú Comando, presiona lo siguiente:
   • macOS: Comando + Mayúsculas + P
   • Windows, Linux y ChromeOS: Control + Mayúsculas + P
3. Comienza a escribir application, selecciona Show Application y presiona Intro. Herramientas para desarrolladores muestra el panel Aplicación en la parte superior de la ventana de Herramientas para desarrolladores.

También puedes abrir el panel Application de las siguientes maneras:

• En la barra de acciones de la parte superior, haz clic en double_arrow Más paneles (More panels) y selecciona Aplicación en la lista desplegable.
• En la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > Aplicación.