Ver y cambiar datos de IndexedDB con Microsoft Edge DevTools

En esta guía se muestra cómo usar Microsoft Edge DevTools para ver y cambiar los datos de IndexedDB . Se da por sentado que estás familiarizado con DevTools. También se supone que estás familiarizado con IndexedDB. En caso contrario, vaya a usar IndexedDB.

Ver datos de IndexedDB

  1. Elija la pestaña aplicación para abrir la herramienta aplicación . El panel manifiesto generalmente se abre de forma predeterminada.

    El panel manifiesto

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

    El 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 tiene acceso a la base de datos.
    • \ (  Icono del almacén de objetos ) notes es un almacén de objetos.
    • el título y el cuerpo son índices.

    Nota

    Limitación conocida Las bases de datos de terceros no están visibles. Por ejemplo, si usa una <iframe> para insertar un anuncio en la página y su red de anuncios usa IndexedDB, los datos de IndexedDB de la red de anuncios no estarán visibles. Desplácese hasta el #943770 de problemas.

  3. Elija una base de datos para revisar el origen y el número de versión.

    La base de datos de Notes

  4. Elija un almacén de objetos para revisar los pares de clave y valor.

    Nota

    Los datos de IndexedDB no se actualizan en tiempo real. Vaya a actualizar datos de IndexedDB.

    El almacén de objetos de Notes

    • Entradas totales es el número total de pares de clave y 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. Elija una celda en la columna valor para expandir el valor.

    Ver un valor de IndexedDB

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

    Ordenar un objeto por un índice

Actualizar datos de IndexedDB

Los valores de IndexedDB en la herramienta de aplicaciones no se actualizan en tiempo real. Elija Actualizar \ (  actualizar ) al ver un almacén de objetos para actualizar los datos, o ver una base de datos y elegir actualizar la base de datos para actualizar todos los datos.

Ver una base de datos

Editar datos de IndexedDB

Las claves y los valores de IndexedDB no se pueden modificar en la herramienta de la aplicación . Como DevTools tiene acceso al contexto de la página, puede ejecutar el código de JavaScript dentro de DevTools para editar los datos de IndexedDB.

Editar datos de IndexedDB con fragmentos de código

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

Usar un fragmento de código para interactuar con IndexedDB

Eliminar datos de IndexedDB

Eliminar un par de clave y valor de IndexedDB

  1. Ver un almacén de objetos IndexedDB.

  2. Seleccione el par de clave y valor que desea eliminar. DevTools lo resalta para indicar que está seleccionado.

    Seleccione un par clave-valor para eliminarlo.

  3. Presione la Delete tecla o elija eliminar seleccionado \ (  eliminar seleccionado ).

    Aspecto del almacén de objetos después de eliminar el par de clave y valor

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

  1. Ver un almacén de objetos IndexedDB.

    Ver un almacén de objetos

  2. Elija Borrar almacén de objetos \ (  Borrar almacén de objetos ).

Eliminar una base de datos de IndexedDB

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

  2. Elija eliminar base de datos.

    El botón Eliminar base de datos

Eliminar todo el almacenamiento de IndexedDB

  1. Abra el panel Borrar almacenamiento .

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

  3. Elija Borrar datos del sitio.

    El panel borrar almacenamiento

Contactar al equipo de Microsoft Edge DevTools

Use las siguientes opciones para discutir las nuevas características y cambios de la publicación, o cualquier otro tema relacionado con DevTools.

  • Envíe sus comentarios con el icono Enviar comentarios o seleccione Alt + Shift + I \ (Windows, Linux ) o Option + Shift + I \ (MacOS ) en DevTools.
  • Tweet a @EdgeDevTools.
  • Enviar una sugerencia a la webque queremos.
  • Para archivar errores sobre este artículo, use la siguiente sección de comentarios .

El icono enviar comentarios en el DevTools de Microsoft Edge

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á modificada por Kayce vascos \ (redactor técnico, Chrome DevTools \ & Lighthouse ).

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