共用方式為

Microsoft Edge 124) DevTools (的新功能

  • 發行項

若要查看 Microsoft Edge DevTools 的最新功能，以及適用於 Microsoft Visual Studio Code 和 Visual Studio 的 Microsoft Edge DevTools 擴充功能，請閱讀這些公告。

若要保持最新狀態並取得最新的 DevTools 功能，請下載測試人員預覽版的 Microsoft Edge。 無論您是使用 Windows、Linux 或 macOS，請考慮使用 Canary (或其他預覽通道) 作為預設開發瀏覽器。 Beta、Dev 和 Canary 版本的 Microsoft Edge 會以個別應用程式的形式執行，並存於穩定發行的 Microsoft Edge 版本。 請 參閱Microsoft Edge 測試人員通道。

如需最新的公告，請遵循 Twitter 上的 Microsoft Edge 小組。 若要回報 DevTools 的問題或要求新功能，請在 MicrosoftEdge/DevTools 存放庫中提出問題。

postMessage 事件和處理程式與其他事件不同

新的實驗時程表：顯示postMessage分派和處理流程可改善效能工具的主要區段，藉由區分 方法所postMessage觸發的事件與效能工具中顯示的其他事件，協助您快速識別postMessage事件和處理程式。 此實驗可協助您調查跨應用程式各種線程張貼訊息的效能問題，以檢視視窗、iframe 和專用背景工作角色之間的訊息。

如果沒有此實驗，在應用程式的線程之間分派和處理訊息所觸發的事件會顯示為一般腳本函數調用事件。 開啟此實驗後：

  • postMessage 分派事件會顯示為 排程postMessage。
  • postMessage 處理程式事件會顯示為 On Message：

效能工具中的「排程 postMessage」事件和「On Message」事件

此實驗可協助您調查呼叫發生的時間 postMessage ，以及訊息在處理程序啟動之前 postMessage 排入佇列的時間長度。 當您按一類型的事件時，啟動器箭號會將分派事件連結至處理程式事件：

將分派事件連結至處理程式事件的箭號

若要使用此功能，請在 DevTools 中，選取 [自定義並控制 DevTools] ([自定義及控制 DevTools] 圖示) > [設定>實驗]，選取複選框 [時程表：顯示 postMessage 分派和處理流程]，按兩下 [關閉 (X) ] 按鈕，然後按兩下 [重載 DevTools] 按鈕。

另請參閱:

以滑鼠右鍵按兩下活動列中的索引標籤，以向左或向右移動索引標籤

在Microsoft Edge 124 之前，您只能拖曳 活動列 中的索引標籤來重新排列。 這對於使用像是軌跡球或標頭指標等輸入設備的用戶來說可能很困難。 現在，您也可以以滑鼠右鍵按下索引標籤，然後選取 [ 向左移動 ] 或 [向右移動]，將索引標籤向左或 向右移動：

在活動列上以滑鼠右鍵單擊工具索引標籤的操作功能表

另請參閱:

網路索引標籤會在使用覆寫或節流時顯示警告圖示

使用覆寫或節流時，最近的版本已停止在 網路 工具的索引卷標中顯示警告圖示。 我們已修正此問題。 當您在 [來源 ] 工具中啟用本機覆寫時， [網络 ] 索引標籤現在會顯示警告圖示：

網路工具的索引標籤，顯示使用本機覆寫時的警告圖示

此外，當您在 網路 工具中開啟節流時，[ 網络 ] 索引標籤現在會顯示警告圖示：

使用節流時顯示警告圖示的網路工具索引標籤

另請參閱:

來自 Chromium 專案的公告

Microsoft Edge 124 也包含來自 Chromium 專案的下列更新：