開發人員工具摘要

Umar Hansa
Umar Hansa

非同步呼叫堆疊

堆疊追蹤現在可以與事件的非同步來源建立關聯。支援計時器、動畫影格、XHR、事件監聽器等。我們很快就會在 HTML5 Rocks 上發布非同步呼叫堆疊的完整說明。(別忘了勾選開發人員工具實驗中的「啟用非同步堆疊追蹤支援功能」)。[crbug.com/272416]

非同步呼叫堆疊。

getEventListeners(window)

查看網頁的 DOM 時,您可能無法輕易判斷哪些元素已註冊 JavaScript 事件監聽器 (如果有)。您現在可以透過指令列 API 中的 getEventListeners 方法,從控制台面板擷取 window 物件 (或任何 DOM 節點) 上註冊的所有事件監聽器。[crbug.com/336472]

來源面板會介紹「編輯位置」的概念,這些位置基本上就是程式碼編輯器中的遊標位置。Alt- 會帶您前往先前的編輯位置 (您先前所在的程式碼片段),而 Alt+ 則會往前移動。[crbug.com/281507]

已更新方塊陰影自動建議值

已更新 CSS 屬性「box-shadow」的自動建議值,以納入關鍵字「none」。[crbug.com/332355]

方塊陰影 (無)

前往特定行號和特定欄

使用「來源」面板中的「Search by filename」(以檔案名稱搜尋) 對話方塊 (Ctrl + OCmd + O) 中的 :line:column,前往特定欄的某一行。[crbug.com/337909]

使用工具列控點更輕鬆地調整大小

開發人員工具主工具列上的任何空白空間現在都會做為有效的調整大小手柄。[crbug.com/304730]

支援 Retina 的網路列

原本由圖片組成的網路列現在已改為使用 CSS 建立,因此不受解析度影響,也能支援 Retina 螢幕。[crbug.com/330659]

減少主控台的雜訊

傳遞給中繼檢視區標記的不明引數不會再顯示為主控台錯誤,但是會顯示警告,代表您過濾的雜訊較少。[crbug.com/332794]

移除顏色格式設定齒輪

「樣式」窗格的齒輪圖示現已移除,可用於循環切換色彩格式,不過您還是可以在開發人員工具設定中變更這項偏好設定。[crbug.com/333840]

固定控制台分頁

抽屜中的主控台分頁現在會在重新載入後正確記住狀態。[crbug.com/328551]

改善文字自動調整大小的說明

開發人員工具已加入行動模擬說明文件的連結,可進一步說明模擬和文字自動調整大小功能,並在文字自動調整大小核取方塊中顯示工具提示。[crbug.com/319092]

文字自動調整大小工具提示

遠端 IP 位址

您現在可以在「Network」面板的資源檢視畫面中查看主機的 IP 位址。[crbug.com/255602]

遠端 IP 位址

感謝閱讀本郵件。你可以在 Canary 中試用這些功能,或者,12 月版中提到的許多功能現在也已在 Chrome 穩定版中推出!