Compartir a través de

Visualización de datos de caché

  • Artículo

En esta guía se muestra cómo usar DevTools para inspeccionar los datos de caché .

Para inspeccionar los datos de caché HTTP , en la herramienta Red , use la columna Tamaño del registro de red. Consulte Actividad de red de registro en Inspeccionar actividad de red.

Visualización de datos de caché

  1. Abra DevTools presionando F12 o Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS).

  2. En DevTools, en la barra de actividad, seleccione la pestaña Aplicación . Si esa pestaña no está visible, haga clic en el botón Más herramientas (icono Más herramientas) y, a continuación, haga clic en Aplicación. Normalmente, el panel Manifiesto se abre de forma predeterminada:

    Panel Manifiesto

  3. Expanda la sección Almacenamiento en caché para ver las cachés disponibles:

    Cachés disponibles

  4. Haga clic en una memoria caché para ver el contenido:

    Visualización del contenido de una memoria caché

  5. Haga clic en un recurso para ver los encabezados HTTP en la sección debajo de la tabla:

    Visualización de los encabezados HTTP de un recurso

  6. Haga clic en Vista previa para ver el contenido de un recurso:

    Visualización del contenido de un recurso

Para más información sobre la cuota de almacenamiento de datos en caché, consulte la sección Uso de la cuota del artículo Depurar Web Apps progresiva.

Actualizar un recurso

  1. Ver los datos de una memoria caché.

  2. Haga clic en el recurso que desea actualizar. DevTools lo resalta para indicar que está seleccionado.

  3. Haga clic en Actualizar (actualizar):

    Selección de un recurso para actualizar

Filtrar recursos

  1. Ver los datos de una memoria caché.

  2. Use el cuadro de texto Filtrar por ruta de acceso para filtrar los recursos que no coincidan con la ruta de acceso que proporcione:

    Filtrado de recursos que no coinciden con la ruta de acceso especificada

Eliminar un recurso

  1. Ver los datos de una memoria caché.

  2. Haga clic en el recurso que desea eliminar. DevTools lo resalta para indicar que está seleccionado.

  3. Haga clic en Eliminar seleccionado (Eliminar seleccionado):

    Selección de un recurso que se va a eliminar

Eliminación de todos los datos de caché

  1. En la herramienta Aplicación , haga clic en Almacenamiento.

  2. Asegúrese de que la casilla Almacenamiento en caché está seleccionada.

  3. Haga clic en el botón Borrar datos del sitio :

    Botón

Nota:

Las partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y usadas según los términos descritos en la licencia internacional creative Commons Attribution 4.0. La página original se encuentra aquí y está creada por Kayce Basques.

Licencia de Creative Commons Esta obra está licenciada bajo una Licencia Internacional Creative Commons Attribution 4.0.