查看網路 SQL 資料

凱斯巴斯克文
Kayce Basques
Twitter GitHub Glitch

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

查看網路 SQL 資料

  1. 按一下「Sources」(來源) 分頁標籤，開啟「Application」面板。展開「Web SQL」區段，查看資料庫和資料表。在下方的圖 1 中，html5meetup 中是一個資料庫，「rooms」是資料表。

    「Web SQL」窗格。

    圖 1. 「Web SQL」窗格。

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

    查看網路 SQL 資料表的資料。

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

編輯網路 SQL 資料

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

執行網路 SQL 查詢

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

  2. 輸入網路 SQL 陳述式，然後按下 Enter 鍵即可執行。

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

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

重新整理網路 SQL 資料表

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

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

篩選網路 SQL 資料表中的資料欄

  1. 查看網路 SQL 資料表的資料。

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

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

    圖 4 使用「Visible Column」(可見資料欄) 文字方塊，使其只顯示 room_name 和 last_updated 資料欄。

刪除所有網路 SQL 資料

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

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

    [網路 SQL] 核取方塊。

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

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

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

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