這些是 Microsoft Edge DevTools 穩定版的最新功能。
影片:Microsoft Edge |DevTools 100 有什麼新內容
加入 Microsoft Edge DevTools 社群,請造訪 GitHub
我們很高興在 GitHub 上宣布全新的 MicrosoftEdge > DevTools 倉庫! 這個新的倉庫是我們開發者社群寄送點子、回饋、建議和改進 DevTools 技巧的地方。 我們熱切期待與您討論,DevTools 如何更好地滿足您的需求,並應對您每天在打造優質網頁體驗時面臨的挑戰。
前往我們在 GitHub 的 DevTools 倉庫,成為 Edge DevTools 社群的一份子。
依節點類型摘要篩選堆快照
在 記憶體工具中 查看堆積快照中的所有物件時,可能很難專注於特定物件或保留路徑。 現在在 Microsoft Edge 100 中,你可以在查看堆積快照時使用新的 節點類型 篩選器,只聚焦特定類型的節點。 例如,若要只看到堆積中陣列與字串物件,請在節點類型篩選器中選擇陣列與字串條目:
另請參閱:
- 使用 Memory 工具 (「堆疊快照」剖析類型) 來記錄堆積快照 ——先取得堆積快照並分析堆積。
使用 DevTools 的捷克語和越南語
客製化與簡化開發者體驗,包括讓我們的工具對所有人開放,不論偏好哪種語言。 我們新增了兩種語言,捷克語和越南語,加入支援語言清單,並將持續增加更多。 如果你偏好的語言在 DevTools 中不被支援,請告訴我們!
另請參閱:
網路工具現在會顯示請求的完成情況
在 Microsoft Edge 100 中, 網路 工具支援請求日誌中的「 完成者 」欄位。 如果請求是由你的服務工作者或快取完成的,該資訊現在會在 「完成者 」欄位中追蹤。 匯出或匯入請求日誌檔案 HAR 時,也會包含「 完成日期 」欄位中的資訊。
另請參閱:
關於本專題的歷史,請參見 第16期。
在問題工具中依嚴重程度和瀏覽器目標篩選訊息
在 問題 工具中,新增的嚴重 度 和 瀏覽器 下拉選單,允許你依嚴重度和瀏覽器目標篩選訊息,幫助你聚焦於最相關的回饋。 你可以選擇或清除每個下拉選單中的選項。
要查看所有相關訊息,您可能需要重新整理頁面。 若有提示,請在 問題 工具中點擊 「重新生成議題 」按鈕。
預設情況下, 嚴重度 過濾器只顯示警告與錯誤:
瀏覽器過濾器僅適用於瀏覽器相容性回饋,該回饋會顯示在問題清單的相容性區塊中。 預設情況下, 瀏覽器 篩選器會顯示 Browserslist 定義的頂尖瀏覽器訊息:
以下範例中,關於 Firefox 及 Firefox for Android 的訊息被過濾掉:
另請參閱:
- 在「尋找」中篩選問題,並使用問題工具修正問題。
匯入效能設定檔時,連結現在會對應到你的原始程式碼
在錄製效能剖面時, 效能 工具中的火焰圖表會顯示主線程中每個事件的連結,連結到 來源工具中 對應的 JavaScript 函式。 不過,匯出和匯入效能設定檔時,這些連結就會中斷。
在 Microsoft Edge 100 中,匯入的效能設定檔連結現在會使用來自 Azure Artifacts 符號伺服器的原始碼映射,來映射回你熟悉的原始原始碼。 效能設定檔必須匯出為 Edge 100 (或更高) Microsoft,才能包含解析匯出效能追蹤中來源映射所需的資訊。
另請參閱:
- 將處理好的程式碼映射到原始原始碼,以便除錯
- 透過將原始碼映射發佈到 Azure Artifacts 符號伺服器,安全除錯原始程式碼
- 透過使用 Azure Artifacts 符號伺服器原始碼映射安全除錯原始程式碼
修正:網路工具中的瀑布視圖現在與 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 專案的以下更新: