本指南将向您介绍如何使用 Chrome 开发者工具检查 Web SQL 数据。
查看 Web SQL 数据
点击 Sources 标签页以打开 Application 面板。展开 Web SQL 部分以查看数据库和表。在图 1 中,html5meetup 是一个数据库,rooms 是一个表格。
图 1. Web SQL 窗格。
点击表格即可查看其数据。
图 2. 查看 rooms Web SQL 表格的数据。
修改 Web SQL 数据
在查看 Web SQL 表时,您无法修改 Web SQL 数据,如上面的图 2 所示。但您可以从 Web SQL 控制台运行语句来修改或删除表。请参阅运行 Web SQL 查询。
运行 Web SQL 查询
- 点击一个数据库以打开该数据库的控制台。
输入 Web SQL 语句,然后按 Enter 键运行该语句。
图 3. 使用 Web SQL 控制台从 rooms 表中删除一行。
刷新 Web SQL 表
开发者工具不会实时更新表格。如需更新表中的数据,请执行以下操作:
- 查看 Web SQL 表的数据。
- 点击 Refresh 。
过滤 Web SQL 表中的列
- 查看 Web SQL 表的数据。
使用可见列文本框指定要显示的列。请以 CSV 列表的形式提供列名称。
图 4. 使用可见列文本框以仅显示
room_name
和last_updated
列。
删除所有 Web SQL 数据
- 打开清除存储空间窗格。
确保已启用 Web SQL 复选框。
图 5. Web SQL 复选框。
点击清除网站数据。
图 6. 清除网站数据按钮。