開發人員工具摘要

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]

已更新 Box Shadow 的自動建議值

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

Box-shadow none

前往特定行號和特定欄

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

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

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

支援 Retina 的網路列

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

減少主控台的雜訊

傳遞至 meta viewport 標記的不明引數不再顯示為主控台中的錯誤,而是警告,這表示您不必篩選太多雜訊。[crbug.com/332794]

移除顏色格式設定齒輪

我們已移除用來切換色彩格式的「Styles」窗格齒輪,但您仍可在開發人員工具設定中變更這項偏好設定。[crbug.com/333840]

固定控制台分頁

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

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

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

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

遠端 IP 位址

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

遠端 IP 位址

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