共用方式為


DevTools (Microsoft Edge 100 有什麼新)

這些是 Microsoft Edge DevTools 穩定版的最新功能。

影片:Microsoft Edge |DevTools 100 有什麼新內容

影片縮圖圖片「Microsoft Edge |DevTools 100“ 的新功能

加入 Microsoft Edge DevTools 社群,請造訪 GitHub

我們很高興在 GitHub 上宣布全新的 MicrosoftEdge > DevTools 倉庫! 這個新的倉庫是我們開發者社群寄送點子、回饋、建議和改進 DevTools 技巧的地方。 我們熱切期待與您討論,DevTools 如何更好地滿足您的需求,並應對您每天在打造優質網頁體驗時面臨的挑戰。

DevTools 回饋庫

前往我們在 GitHub 的 DevTools 倉庫,成為 Edge DevTools 社群的一份子。

依節點類型摘要篩選堆快照

記憶體工具中 查看堆積快照中的所有物件時,可能很難專注於特定物件或保留路徑。 現在在 Microsoft Edge 100 中,你可以在查看堆積快照時使用新的 節點類型 篩選器,只聚焦特定類型的節點。 例如,若要只看到堆積中陣列與字串物件,請在節點類型篩選器中選擇陣列字串條目:

記憶體工具中堆積快照中的節點類型

另請參閱:

使用 DevTools 的捷克語和越南語

客製化與簡化開發者體驗,包括讓我們的工具對所有人開放,不論偏好哪種語言。 我們新增了兩種語言,捷克語和越南語,加入支援語言清單,並將持續增加更多。 如果你偏好的語言在 DevTools 中不被支援,請告訴我們!

DevTools 的捷克語與越南語

另請參閱:

網路工具現在會顯示請求的完成情況

在 Microsoft Edge 100 中, 網路 工具支援請求日誌中的「 完成者 」欄位。 如果請求是由你的服務工作者或快取完成的,該資訊現在會在 「完成者 」欄位中追蹤。 匯出或匯入請求日誌檔案 HAR 時,也會包含「 完成日期 」欄位中的資訊。

網路工具請求日誌中的「完成完成」欄位

另請參閱:

關於本專題的歷史,請參見 第16期

在問題工具中依嚴重程度和瀏覽器目標篩選訊息

問題 工具中,新增的嚴重 瀏覽器 下拉選單,允許你依嚴重度和瀏覽器目標篩選訊息,幫助你聚焦於最相關的回饋。 你可以選擇或清除每個下拉選單中的選項。

要查看所有相關訊息,您可能需要重新整理頁面。 若有提示,請在 問題 工具中點擊 「重新生成議題 」按鈕。

預設情況下, 嚴重度 過濾器只顯示警告與錯誤:

嚴重度過濾器

瀏覽器過濾器僅適用於瀏覽器相容性回饋,該回饋會顯示在問題清單的相容性區塊中。 預設情況下, 瀏覽器 篩選器會顯示 Browserslist 定義的頂尖瀏覽器訊息:

瀏覽器下拉選單,選擇「熱門瀏覽器」

以下範例中,關於 Firefox 及 Firefox for Android 的訊息被過濾掉:

關於 Firefox 瀏覽器的訊息被過濾 (移除)

另請參閱:

  • 在「尋找」中篩選問題,並使用問題工具修正問題

在錄製效能剖面時, 效能 工具中的火焰圖表會顯示主線程中每個事件的連結,連結到 來源工具中 對應的 JavaScript 函式。 不過,匯出和匯入效能設定檔時,這些連結就會中斷。

在 Microsoft Edge 100 中,匯入的效能設定檔連結現在會使用來自 Azure Artifacts 符號伺服器的原始碼映射,來映射回你熟悉的原始原始碼。 效能設定檔必須匯出為 Edge 100 (或更高) Microsoft,才能包含解析匯出效能追蹤中來源映射所需的資訊。

匯入效能設定檔的連結 使用原始碼映射 導向你熟悉的原始原始碼

另請參閱:

修正:網路工具中的瀑布視圖現在與 Visual Studio Code 主題相符

更新:從 Microsoft Edge 131 開始,Visual Studio Code 主題功能被移除,這些主題會回復到預設主題:

  • 光+
  • 黑暗+

在先前版本的 Microsoft Edge 中,網路工具中請求的瀑布式檢視與 Visual Studio Code 中適用於其他 DevTools 的主題不符。 在 Microsoft Edge 100 中,這個問題已經修正。

在 Microsoft Edge 100 之前,所選主題並未套用在瀑布檢視中:

所選主題並未應用在瀑布視圖中

現在在 Microsoft Edge 100 中,所選主題會套用到網路工具中的請求瀑布視圖:

所選主題現在會套用到網路工具中的請求瀑布視圖

另請參閱:

Chromium 計畫的公告

Microsoft Edge 100 版本也包含 Chromium 專案的以下更新:

另請參閱