Chrome 75 開發者工具更新

當自動補全CSS的時候使用有意義的預設值

有些CSS屬性的值是函數，比如filter： filter: blur(1px) 添加了1像素的模糊。當自動補全filter這樣的屬性是，開發者工具現在會自動填充一個有意義的值，這樣你可以預覽有什麼可能的值。

使用指令菜單來清理網站資料

按下"Control+Shift+P"或者"Command+Shift+P"（Mac）打開指令菜單，然後可以運作”Clear Site Data“指令來清除站點資料，包括： service workers, local storage, session storage, indexed DB, web SQL， Cookies， cache, Application cache

檢視所有IndexedDB資料庫

過去，Application -> IndexedDB 隻能讓你檢視主來源裡面的IndexedDB。比如，如果你有個iframe用了indexedDB，你是看不到的。現在開發者工具将顯示所有來源的indexedDB。

滑鼠懸停的時候檢視某資源的未壓縮大小

當你檢視網絡活動時，如果站點使用了文本壓縮來減少傳輸檔案的大小，你也許想看看壓縮前的大小。以前隻有使用”large request rows“的時候能看到。但現在你隻要用滑鼠懸停在Size那一列上就可以看到。

斷點窗格裡的行内斷點

假如你在如下行上加了斷點：

現在可以明确指定在哪一步暫停了：

• 在這一行開始
• 執行querySelector之前
• 執行addEventListener前

如果你enable了全部，那麼實際上你建立了3個斷點。

IndexedDB和緩存資源計數

在IndexedDB和Cache窗格中現在會顯示所有資源總數。

禁止"檢視細節"Tooltip

Chrome 73引入了“檢視細節”tooltip。現在可以在Settings -> Preferences -> Elements -> Show Detailed Inspect Tooltips裡面關掉它。

設定在Source面闆中Tab可以用于縮進

因為Tab在Editor中用于輸入縮進，但隻要就不能用它來切換焦點了。如果想使用tab鍵來切換焦點，可以在Settings -> Preferences -> Sources -> Enable Tab Moves Focus中來設定。