提醒：本文最後更新於 1818 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

前幾天，Google 釋出了 Chrome 32 正式版，相信大家已經在用了。本文簡單介紹新版 Chrome 開發工具的幾個變化。

Overrides

Chrome 32 重新設計了開發者工具的部分功能，不少按鈕的位置發生了變化。例如之前 Settings 面板中 Overrides 功能中那些內容，都被移走了，只剩下一個「Show 'Emulation' view in console drawer」選項。

也就是說，模擬移動裝置 UserAgent、螢幕大小和感測器等功能，現在得去新地方找了。具體做法是，在除了 Console 之外的任何 Tab 中，點選開發者工具右上方的「show console」按鈕，在新出現的面板中選擇「Emulation」Tab 就可以了。當然，最方便的做法是用之前介紹過的 esc

Provisional headers are shown

細心的同學應該留意到，新版開發者工具的 Network 面板中，某些請求頭後面會跟著下面這行文字：

截圖是訪問 http://www.imququ.com 產生的請求，由於我的部落格啟用了 HTTPS 和 HSTS，所以在 HSTS 指定的 max-age 時間內，瀏覽器會自動把地址中的 http 替換為 https 來發送。

也就是說，第一個 http 請求實際上根本沒有產生，對應的請求頭當然也不應該存在。但對於這樣的請求，Chrome 32 也會顯示部分請求頭資訊，並給出「CAUTION:Provisional headers are shown」這樣的提示。

一般來說，如果看到這個提示，說明這個請求並沒有傳送出去。具體原因有多種，除了上面提到的情況外，還可能是請求被某些擴充套件如 Adblock 給攔截了；走本地快取或者 dataurl 的請求，也會這樣顯示。

依然存在的問題

本次更新後，留意了下之前關注過的兩個問題，發現依然沒有解決。

他們分別是：

1. 對於 SPDY 請求，部分資源傳輸大小依然顯示不正確（詳情）；
2. Network 面板依然無法過濾 dataurl 請求（詳情）；

PS：這兩個問題在 Chrome 34.0.1788.0 dev 中都已經解決。

--EOF--

發表於 2014-01-19 03:25:24 ，並被新增「 Chrome

提醒：本文最後更新於 1818 天前，文中所描述的資訊可能已發生改變，請謹慎使用。