Ver y cambiar datos IndexedDB

Para ver y cambiar los datos de IndexedDB , use la herramienta Aplicación .

Visualización de datos de IndexedDB

  1. En DevTools, haga clic en la pestaña Aplicación para abrir la herramienta Aplicación . El panel Manifiesto normalmente se abre de forma predeterminada.

    Panel Manifiesto.

  2. Expanda el menú IndexedDB para revisar qué bases de datos están disponibles.

    Menú IndexedDB.

    • (Icono de base de datos). notes - https://mdn.github.io representa una base de datos, donde notes es el nombre de la base de datos y https://mdn.github.io es el origen que accede a la base de datos.

    • (Icono del Almacén de objetos). notes es un almacén de objetos.

    • title y body son índices.

    Nota

    Limitación conocida Las bases de datos de terceros no son visibles. Por ejemplo, si usa para <iframe> insertar un anuncio en la página y la red de anuncios usa IndexedDB, los datos de IndexedDB de la red de anuncios no estarán visibles. Consulte el problema 943770.

  3. Seleccione una base de datos para ver el origen y el número de versión.

    Base de datos de notas.

  4. Haga clic en un almacén de objetos para ver los pares clave-valor.

    Nota

    Los datos indexados deDB no se actualizan en tiempo real. Consulte Actualizar datos de IndexedDB.

    Almacén de objetos de notas.

    • El número total de entradas es el número total de pares clave-valor en el almacén de objetos.

    • El valor del generador de claves es la siguiente clave disponible. El campo solo se muestra cuando se usan generadores de claves.

  5. Haga clic en una celda de la columna Valor para expandir el valor.

    Ver un valor IndexedDB.

  6. Haga clic en un índice, como título o cuerpo en la ilustración siguiente, para ordenar el almacén de objetos según los valores de ese índice.

    Ordenar un almacén de objetos por un índice.

Actualizar datos de IndexedDB

Los valores indexados deDB en la herramienta Application no se actualizan en tiempo real.

  • Para actualizar los datos, vea un almacén de objetos y, a continuación, haga clic en Actualizar (Actualizar).
  • Para actualizar todos los datos, vea una base de datos y haga clic en Actualizar base de datos.

Ver una base de datos.

Edición de datos indexadosdb

Las claves y los valores de IndexedDB no se pueden editar desde la herramienta Application . Sin embargo, dado que DevTools tiene acceso al contexto de página, puede ejecutar código JavaScript en DevTools para editar los datos de IndexedDB.

Edición de datos de IndexedDB con fragmentos de código

Los fragmentos de código son una manera de almacenar y ejecutar bloques de código JavaScript en DevTools. Al ejecutar un fragmento de código, el resultado se registra en la consola. Puede usar un fragmento de código para ejecutar código JavaScript para editar una base de datos IndexedDB.

Usar un fragmento de código para interactuar con IndexedDB.

Eliminación de datos IndexedDB

Eliminación de un par clave-valor de IndexedDB

  1. Ver un almacén de objetos IndexedDB.

  2. Haga clic en el par clave-valor que desea eliminar. DevTools lo resalta para indicar que está seleccionado.

    Haga clic en un par clave-valor para eliminarlo.

  3. Presione Delete o haga clic en Eliminar seleccionado (Eliminar seleccionado).

    Cómo se ve el almacén de objetos después de que se haya eliminado el par clave-valor.

Eliminar todos los pares clave-valor de un almacén de objetos

  1. Ver un almacén de objetos IndexedDB.

    Ver un almacén de objetos.

  2. Haga clic en Borrar almacén de objetos (Borrar almacén de objetos).

Eliminación de una base de datos IndexedDB

  1. Vea la base de datos IndexedDB que desea eliminar.

  2. Haga clic en Eliminar base de datos.

    Botón Eliminar base de datos.

Eliminación de todo el almacenamiento de IndexedDB

  1. Abra el panel Borrar almacenamiento .

  2. Asegúrese de que la casilla IndexedDB está habilitada.

  3. Haga clic en Borrar datos del sitio.

    Panel Borrar almacenamiento.

Nota

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y se usan según los términos descritos en la Licencia internacional de Creative Commons Attribution 4.0. La página original se encuentra aquí y está creada por Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Licencia de Creative Commons. Este trabajo dispone de licencia conforme a Licencia internacional de Creative Commons Attribution 4.0.