查看網路 SQL 資料

Kayce Basques
Kayce Basques
X GitHub

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

查看 Web SQL 資料

  1. 按一下「來源」分頁標籤，開啟「應用程式」面板。展開「Web SQL」部分，即可查看資料庫和資料表。在下方的圖 1 中，html5meetup 是資料庫，而 rooms 是資料表。

    Web SQL 窗格。

    圖 1. Web SQL 窗格。

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

    查看 Web SQL 資料表的資料。

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

編輯 Web SQL 資料

查看 Web SQL 資料表 (例如上圖 2 所示) 時，您無法編輯 Web SQL 資料。不過，您可以透過 Web SQL 控制台執行陳述式，編輯或刪除資料表。請參閱「執行 Web SQL 查詢」。

執行 Web SQL 查詢

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

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

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

    圖 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」核取方塊。

    Web SQL 核取方塊。

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

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

    「清除網站資料」按鈕。

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