查看網路 SQL 資料

Kayce Basques

本指南說明如何使用 Chrome 開發人員工具檢查 Web SQL 資料。

查看網路 SQL 資料

  1. 按一下「Sources」分頁標籤，開啟「Application」面板。展開「網路 SQL」區段，查看資料庫和資料表。html5meetup 下方的圖 1 是一個資料庫，rooms 為資料表。

    Web SQL 窗格。

    圖 1：Web SQL 窗格。

  2. 按一下表格即可查看該表格的資料。

    查看 Web SQL 資料表的資料。

    圖 2：查看 rooms Web SQL 資料表的資料。

編輯網路 SQL 資料

查看 Web SQL 表格時無法編輯網路 SQL 資料 (例如上方圖 2 中所示)，但您可以從 Web SQL 控制台執行會編輯或刪除資料表的陳述式。請參閱「執行網路 SQL 查詢」。

執行 Web SQL 查詢

  1. 按一下資料庫，開啟該資料庫的控制台。

  2. 輸入 Web SQL 陳述式，然後按下 Enter 鍵執行。

    使用網路 SQL 控制台刪除資料表中的列。

    圖 3：使用網路 SQL 控制台刪除 rooms 資料表中的資料列。

重新整理 Web SQL 資料表

開發人員工具不會即時更新表格。如要更新資料表中的資料：

  1. 查看 Web SQL 資料表的資料。
  2. 按一下「Refresh」圖示 重新整理。

篩除 Web SQL 資料表中的資料欄

  1. 查看 Web SQL 資料表的資料。

  2. 使用「可見欄」文字方塊指定要顯示的欄。請以 CSV 清單的形式提供資料欄名稱。

    使用「可見的資料欄」文字方塊來減少顯示的欄數。

    圖 4 使用「Visible Column」文字方塊，只顯示 room_name 和 last_updated 欄。

刪除所有網路 SQL 資料

  1. 開啟「Clear Storage」(清除儲存空間) 窗格。

  2. 確認已勾選「Web SQL」核取方塊。

    「Web SQL」核取方塊。

    圖 5：「Web SQL」核取方塊。

  3. 按一下「清除網站資料」。

    「清除網站資料」按鈕。

    圖 6：「清除網站資料」按鈕。