La actualización de Windows 10 de abril de 2018 introdujo un nuevo administrador IndexedDB para Microsoft Edge DevTools, que le permite inspeccionar su base de datos, ordenar sus datos y eliminarlos, todo desde el depurador. En esta publicación, lo guiaremos para que comience con el nuevo administrador de IndexedDB y algunas mejoras que hemos planeado para el futuro.IndexedDB en DevTools
Una vez que haya creado su base de datos y agregado un almacén de objetos, puede expandir el nodo IndexedDB en el selector de recursos en el depurador para ver una lista de orígenes (el dominio, protocolo de capa de aplicación y puerto de una URL del documento donde la secuencia de comandos se está ejecutando) de los recursos cargados por la página. Su nueva base de datos (o bases de datos si está creando más de una) se enumerará debajo del origen que la creó, junto con sus almacenes de objetos.
Puede ver lo que hay en cada almacén de objetos haciendo clic en él, que lo abrirá como una pestaña en el Depurador.
Administrar datos IndexedDB
Cuando su aplicación cambie sus datos IndexedDB, no verá esos cambios en DevTools en tiempo real. Deberá hacer clic en el botón Actualizar (o presionar Ctrl + F5) para actualizar su almacén o índice de objetos.
La aplicación de muestra simple busca imágenes usando Bing Search API y guarda esas imágenes como cadenas de Base64 en un almacén de objetos en una base de datos IndexedDB. En la animación a continuación, tenga en cuenta que cuando guardamos una imagen, no aparecerá en nuestro almacén de objetos hasta que actualicemos (Ctrl + F5) en el administrador de IndexedDB.
Los datos en su tienda de objetos o índice pueden eliminarse por fila a través del teclado ( Del ) y los menús contextuales (haga clic con el botón derecho y seleccione Eliminar elemento ). También puede eliminar todos los datos IndexedDB almacenados para el usuario actual en Microsoft Edge utilizando el menú de configuración de Microsoft Edge en " ..."> Configuración> Borrar datos de navegación> Cookies y datos guardados del sitio web.¿Qué sigue para el administrador de IndexedDB?
En futuras versiones, planeamos tomar todas las soluciones de almacenamiento de datos actualmente alojadas en el selector de recursos en el Depurador-Almacenamiento local, Caché, IndexedDB, etc.-y moverlas a una nueva herramienta que llamamos Almacenamiento . Creemos que este cambio hará que sea más fácil e intuitivo encontrar, inspeccionar y administrar el almacenamiento web en su página en DevTools.
Además, en nuestra cartera de pedidos, estamos evaluando una serie de funciones para el administrador de IndexedDB:
- Agregar nuevos datos a un almacén o índice de objetos
- Editando sus pares clave-valor existentes directamente
- Facilitando la eliminación de tiendas de objetos o índices
- Facilitando la eliminación de todas las soluciones de almacenamiento web en su página
- Adición de compatibilidad blob para IndexedDB en Microsoft Edge
Dinos qué piensas
Esperamos que el administrador de IndexedDB facilite el uso de DevTools y mejore su productividad en Microsoft Edge. Si encuentra algún error o tiene sugerencias de funciones, la mejor forma de señalarlas para nuestra atención es a través del Centro de comentarios. Puede ejecutar Feedback Hub directamente desde DevTools utilizando el ícono (que se muestra a continuación) en la esquina superior derecha de DevTools.
Estas funciones están disponibles a partir de la actualización de Windows 10 de abril de 2018. Si desea tener en sus manos estas (y otras) mejoras, pero aún no están en la actualización de abril de 2018, ¡consulte la aplicación Microsoft Edge DevTools Preview !Puede obtener más información en nuestros documentos , así como en el contenido de IndexedDB en MDN . Como siempre, comuníquese con nosotros si tiene alguna pregunta, comentario o solicitud de funciones en Twitter , Feedback Hub o UserVoice .
- Zoher Ghadyali , Gerente de programa, Microsoft Edge DevTools
Comentarios