Usa el panel Application para inspeccionar, modificar y depurar muchos aspectos de tu app web, incluidos el manifiesto, los service workers, el almacenamiento y los datos en caché.
Descripción general
El panel Aplicación se divide en cuatro secciones que contienen submenús. A continuación, se incluyen estas secciones y submenús:
Application: Contiene información general sobre la app, incluidos el manifiesto, los service workers y el almacenamiento.
- En la pestaña Manifiesto, se presenta información de
manifest.jsonde una manera fácil de usar. También muestra los errores y las advertencias, si los hay, en la sección correspondiente. - La pestaña Service Workers te permite inspeccionar y depurar 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 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 aplicación web.
- Las listas Local y Almacenamiento de sesiones 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 almacenes de objetos desde el 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 los grupos correspondientes, si los hay.
- La lista Almacenamiento compartido te permite seleccionar un origen, así como inspeccionar y editar los pares clave-valor asociados.
- La lista Almacenamiento en caché contiene 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 pueden estar impidiendo el almacenamiento en caché atrás/adelante.
- La pestaña Recuperación en segundo plano te permite registrar la actividad de la API de Background Fetch durante un máximo de tres días.
- La pestaña Sincronización en segundo plano te permite grabar la actividad de la API de sincronización en segundo plano por hasta tres días.
- La pestaña Mitigaciones del seguimiento 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 los mensajes push por hasta 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 hasta por tres días en el ciclo de vida de sincronización periódico en segundo plano, como registrarse para la 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 grabar los mensajes push por hasta tres días y registrarlos.
- En la pestaña API de Reporting, se supervisa tu sitio y se informan las llamadas a la API obsoletas y las infracciones de seguridad.
Marcos: Divide las páginas y los recursos en varias vistas y muestra información relevante, como Seguridad y aislamiento, Política de seguridad del contenido, disponibilidad de la API y mucho más.
Abrir el panel de la aplicación
Para abrir el panel Aplicación:
- Abre Herramientas para desarrolladores.
- Para abrir el menú de comandos, presiona lo siguiente:
- En macOS: Command + Mayúsculas + P
- Windows, Linux y ChromeOS: Control + Mayúsculas + P
- 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 y selecciona Aplicación en la lista desplegable.
- En la esquina superior derecha, selecciona more_vert Más opciones > Más herramientas > Aplicación.