Visualiza datos de Web SQL

Kayce Basques

En esta guía, se muestra cómo usar las Herramientas para desarrolladores de Chrome para inspeccionar los datos de Web SQL.

Cómo ver datos de SQL web

1. Haz clic en la pestaña Fuentes para abrir el panel Application. Expande la sección Web SQL para ver las bases de datos y las tablas. En la Figura 1 que aparece a continuación, html5meetup es una base de datos y rooms es una tabla.

   

   Figura 1. Panel de SQL Web

2. Haz clic en una tabla para ver sus datos.

   

   Figura 2. Visualiza los datos de la tabla SQL Web rooms.

Cómo editar datos de SQL web

No puedes editar datos de SQL web cuando ves una tabla de SQL web, como en la Figura 2 anterior. Sin embargo, puedes ejecutar instrucciones desde la Consola de SQL Web que editen o borren tablas. Consulta Cómo ejecutar consultas de SQL web.

Ejecuta consultas de SQL web

1. Haz clic en una base de datos para abrir la consola correspondiente.

2. Escribe una sentencia Web SQL y, luego, presiona Intro para ejecutarla.

   

   Figura 3. Usar la Consola de SQL Web para borrar una fila de la tabla rooms

Actualiza una tabla de Web SQL

DevTools no actualiza las tablas en tiempo real. Para actualizar los datos de una tabla, haz lo siguiente:

1. Cómo ver los datos de una tabla de SQL web
2. Haz clic en Actualizar .

Cómo filtrar columnas en una tabla de Web SQL

1. Cómo ver los datos de una tabla de SQL web

2. Usa el cuadro de texto Columnas visibles para especificar qué columnas deseas mostrar. Proporciona los nombres de las columnas como una lista CSV.

   

   Figura 4. Usa el cuadro de texto Columnas visibles para mostrar solo las columnas room_name y last_updated.

Borra todos los datos de Web SQL

1. Abre el panel Liberar espacio de almacenamiento.

2. Asegúrate de que la casilla de verificación Web SQL esté habilitada.

   

   Figura 5. La casilla de verificación Web SQL.

3. Haz clic en Borrar datos de sitios.

   

   Figura 6. El botón Borrar datos del sitio