查看 Web SQL 数据

Kayce Basques
Kayce Basques

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

查看 Web SQL 数据

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

    Web SQL 窗格。

    图 1. Web SQL 窗格。

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

    查看 Web SQL 表的数据。

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

修改 Web SQL 数据

查看网络 SQL 表时(如上面的图 2 所示),您无法修改网络 SQL 数据。但您可以从 Web SQL 控制台运行用于修改或删除表的语句。请参阅运行 Web SQL 查询

运行 Web SQL 查询

  1. 点击数据库以打开该数据库的控制台。
  2. 输入 Web SQL 语句,然后按 Enter 键运行该语句。

    使用 Web SQL 控制台从表中删除行。

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

刷新 Web SQL 表

DevTools 不会实时更新表格。如需更新表中的数据,请执行以下操作:

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

过滤掉 Web SQL 表中的列

  1. 查看 Web SQL 表的数据
  2. 使用可见列文本框指定要显示的列。以 CSV 列表形式提供列名称。

    使用“可见列”文本框减少显示的列数。

    图 4. 使用可见列文本框仅显示 room_namelast_updated 列。

删除所有 Web SQL 数据

  1. 打开清除存储空间窗格。
  2. 确保选中 Web SQL 复选框。

    “Web SQL”复选框。

    图 5. 选中 Web SQL 复选框。

  3. 点击清除网站数据

    “清除网站数据”按钮。

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