DevTools (Microsoft Edge 115) 的新功能

這些是 Microsoft Edge 穩定版本中的最新開發工具功能。

將開發工具連線至 Azure Artifacts 符號伺服器的改良功能

在 Microsoft Edge 115 中，將開發工具連線至 Azure 成品符號伺服器變得更加容易且更易於自訂。 在舊版 Microsoft Edge 中，若要向符號伺服器驗證，您必須在 Azure DevOps 中) 產生個人存取權杖 (PAT，然後貼到 DevTools。 現在，只要您使用公司帳戶登入 Microsoft Edge，就可以使用 Microsoft Entra ID 連線到符號伺服器。

此外，如果您需要從不同的 Azure DevOps 組織擷取原始檔對應，您現在可以連線到多個符號伺服器。 您也可以在包含或排除清單中指定來源對應 URL，以篩選您想要 DevTools 從符號伺服器擷取的來源對應。

從開發工具設定使用Microsoft Entra ID連線到符號伺服器

訊息「必須選取 Azure DevOps 組織」表示按兩下組織，或按一下組織然後按 Enter。

萬用字元

在 [篩選行為] 文字方塊中，支援下列萬用字元：

萬用字元 意義
? 符合單一字元。
* 符合一或多個任何字元。

如果選取 [ 排除清單]，開發工具會嘗試查詢指令碼的任何來源對應，但具有符合清單中其中一個項目之 URL 的指令碼除外。

如果您選取 [包含清單]，DevTools 只會嘗試查詢來源對應，以尋找具有與清單中其中一個項目相符之 URL 的指令碼。 例如，假設您在 [篩選行為] 下拉式清單中選取 [包含清單]，然後在 [篩選行為] 文字方塊中輸入下列內容：

https://cdn.contoso.com/*
https://packages.contoso.com/*

在此範例中，DevTools 只會嘗試解析符合這兩個 URL 模式的來源對應，而不會嘗試載入其他指令碼的來源對應。

另請參閱:

記憶體工具增強功能

在舊版的 Microsoft Edge 中，在 [記憶體 ] 工具中使用 [ 時間軸上的配置檢測] 分析類型 (稍後重新標記為 [ 在時間表上的分配 ] 選項按鈕) 時， [記憶體 ] 工具會每 50 毫秒擷取一次堆積樣本。 不過，取取堆積樣本會隨著堆積的大小而縮放，因此堆積大小為 200 MB 時，樣本實際上需要 1.5 秒才能產生。 因此，除了產生堆樣本之外，您的網站主執行緒上所剩的時間所剩無幾。 當時間軸上的配置檢測正在執行時，您的 Web 內容可能看起來像是掛起或被封鎖。

在 Microsoft Edge 115 中，堆積的取樣率現在會調整為產生範例所需的時間，從而釋放主執行緒，以便您可以在分析時與 Web 內容互動。

[記憶體] 工具中的「時間表上的配置檢測」分析選項

此外，在舊版的 Microsoft Edge 中，堆積快照有時會包含本應 (GC) 進行記憶體回收的物件。 在 Microsoft Edge 115 中，此問題已修正，堆積快照現在更精確。

另請參閱:

重新整理的開發工具圖示和按鈕

在 Microsoft Edge 115 中，DevTools UI 進行了改造，增加了新的圖標和按鈕。 例如，在 [來源 ] 工具中偵錯時，呼叫堆疊中的目前框架會以向右的藍色箭號指出。 此圖示與 Microsoft Visual Studio 和 Microsoft Visual Studio Code 中的偵錯圖示更一致：

呼叫堆疊中目前框架的向右向藍色箭號圖示

在舊版的 Microsoft Edge 中，在 [效能] 工具的 [由下而上] 檢視中，用於摺疊和展開錄製活動的三角形按鈕呈現不正確。 在 Microsoft Edge 115 中，此問題已修正，您現在可以展開和摺疊個別活動，以查看哪些函式在呼叫它們：

由下而上檢視中用於展開和摺疊活動的三角形圖示

另請參閱:

螢幕助讀程式能正確宣告裝置模式中的下拉式狀態

在舊版的 Microsoft Edge 中，在裝置模式下，螢幕助讀程式錯誤地將下拉式功能表的狀態宣告為「已展開」，而這些功能表實際上已摺疊。 在 Microsoft Edge 115 中，此問題已修正，螢幕助讀程式現在可以正確宣告裝置模式中下拉式功能表的狀態為「已折疊」或「展開」：

在裝置模式中展開的 [節流] 下拉式功能表

另請參閱:

效能工具的分析改進

在 「效能 」工具中記錄設定檔時，V8 JavaScript 引擎會定期採集所有正在執行的 JavaScript 函數，以在火焰圖中準確報告 CPU 時間。 當分析具有許多跨網域 iframe 的網站時，這些樣本需要很長的時間才能收集。 這會導致大量開銷，減慢主執行緒的速度，從而降低網站在分析時的效能。 在 Windows 上的 Microsoft Edge 115 中，V8 會更有效率地收集這些範例，以便在分析時提供更好的網站效能。

此外，在 [效能 ] 工具中，您現在可以在錄製設定檔時，在火焰圖中看到分析工具開銷的表示。 此時間區塊代表錄製設定檔時，取樣和剖析事件所需的 CPU 時間，並不代表網站使用者實際遇到的 CPU 時間。 分析額外負荷 事件已新增至火焰圖，以協助將效能調查的重點放在影響實際使用者的 編譯程式碼 和 評估指令碼 事件上，而不是只在您在 效能 工具中分析時需要花費時間的事件：

記錄的效能設定檔中的「分析額外負荷」時間區塊

另請參閱:

來自 Chromium 專案的公告

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

另請參閱

  • 上次更新時間：