chrome開發工具指南(九)

2022-05-18 16:03:37 字數 1091 閱讀 6930

如果您使用本地儲存儲存鍵值對 (kvp),則可以從local storage窗格中檢查、修改和刪除這些 kvp。

使用indexeddb窗格可以檢查、修改和刪除 indexeddb 資料。

展開indexeddb窗格時,indexeddb 下的第乙個級別是資料庫。 如果存在多個活動的資料庫,您會看到多個條目。 在下面的螢幕截圖中,頁面只有乙個活動的資料庫。

點選資料庫的名稱可以檢視該資料庫的安全源、名稱和版本。

點選資料庫的名稱可以檢視該資料庫的安全源、名稱和版本。

展開資料庫可以檢視其鍵值對 (kvp)。

使用start from key文字欄位旁的箭頭按鈕可以在 kvp 的頁面之間移動。

展開值並雙擊可以編輯該值。在您新增、修改或刪除值時,這些更改不會實時更新。

點選refresh按鈕可以更新資料庫。

start from key文字欄位中輸入鍵可以過濾出值小於該值的所有鍵。

在您新增、修改或刪除值時,這些更改不會實時更新。 點選refresh按鈕 (

) 可以更新資料庫。

點選clear object store按鈕 (

) 可以刪除資料庫中的所有資料。 從clear storage窗格中,點選一次按鈕登出服務工作執行緒並移除其他儲存與快取也可以實現此目標。

使用web sql窗格可以查詢和修改 web sql 資料庫。

點選資料庫名稱可以開啟該資料庫的控制台。從這裡,您可以對資料庫執行語句。

點選資料庫表可以檢視該錶的資料。

每一行表示乙個資源。

type列的值為以下值之一:

**底部擁有指示網路連線和應用快取狀態的狀態圖示。 應用快取可能擁有以下狀態:

chrome開發工具指南(十四)

您的任務不只侷限於確保 在 chrome 和 android 上出色執行。即使 device mode 可以模擬 iphone 等多種其他裝置,我們仍鼓勵您檢視其他瀏覽器模擬解決方案。瀏覽器模擬器非常適合於測試 的自適應能力,但它們無法模擬 api 差異 css 支援,以及您可以在移動裝置瀏覽器中看...

chrome開發工具指南(三)

security 面板 要檢視頁面的整體安全性,請開啟 devtools,然後轉至 security 面板。您首先會看到 security overview。security overview 會一目了然地告訴您頁面是否安全。安全頁面會通過訊息this page is secure valid ht...

chrome開發工具指南之綜述

第 一 快速定位檔案或者某乙個單詞 ctrl o ctrl f ctrl shift o ctrl shift f 第二 快速切換到某一行 ctrl g ctrl l 第三 控制台選擇器 返回選擇器的第乙個元素,相當於document.queryselector 返回所有匹配的元素,相當於docue...