查看 Web SQL 数据

Kayce Basques

本指南介绍了如何使用 Chrome 开发者工具检查 Web SQL 数据。

查看 Web SQL 数据

1. 点击来源标签页以打开应用面板。展开 Web SQL 部分以查看数据库和表。在下方的图 1 中，html5meetup 是一个数据库，rooms 是一个表。

   

   图 1. “Web SQL”窗格。

2. 点击某个表可查看该表中的数据。

   

   图 2. 查看 rooms Web SQL 表中的数据。

修改 Web SQL 数据

在查看 Web SQL 表时，您无法修改 Web SQL 数据，如上图 2 所示。不过，您可以通过 Web SQL 控制台运行用于修改或删除表的语句。请参阅运行 Web SQL 查询。

运行 Web SQL 查询

1. 点击某个数据库可打开该数据库的控制台。

2. 输入 Web SQL 语句，然后按 Enter 键运行该语句。

   

   图 3. 使用 Web SQL 控制台从 rooms 表中删除一行。

刷新 Web SQL 表

开发者工具不会实时更新表格。如需更新表中的数据，请执行以下操作：

1. 查看 Web SQL 表的数据。
2. 点击刷新图标 。

滤除 Web SQL 表中的列

1. 查看 Web SQL 表的数据。

2. 使用可见列文本框指定要显示的列。以 CSV 列表的形式提供列名称。

   

   图 4. 使用可见列文本框仅显示 room_name 和 last_updated 列。

删除所有 Web SQL 数据

1. 打开清除存储空间窗格。

2. 确保Web SQL 复选框处于启用状态。

   

   图 5. Web SQL 复选框。

3. 点击清除网站数据。

   

   图 6. 清除网站数据按钮。