這些是 Microsoft Edge 穩定版本中的最新開發工具功能。
影片:DevTools 105 的新功能
從應用程式工具測試 PWA 的通訊協定處理常式
在 Microsoft Edge 版本 105 中, 應用程式 工具現在支援測試通訊協定處理常式。 自 Microsoft Edge 96 以來,您已經可以在漸進式 Web 應用程式 (PWA) 的應用程式資訊清單中定義通訊協定處理常式。 現在,如果您已安裝 PWA,可以從 DevTools 中的 應用程式 工具本身測試這些通訊協定。
開啟 PWA 的開發工具:
- 開啟 [應用程式 ] 工具。
- 在左側,展開並選取 [應用程式>資訊清單>通訊協定處理常式]。
- 在 [通訊協定處理常式 ] 頁面的 [通訊協定處理常式 ] 下拉式清單中,選取您要測試的通訊協定。
- 在文字方塊中,輸入要測試的 URL 或端點。
- 按一下 [測試通訊協定 ] 按鈕。
應用程式工具會嘗試使用您指定的通訊協定和 URL 啟動您的 PWA。 瀏覽器會要求開啟應用程式的權限,然後提示您確認是否要處理要處理要啟動的通訊協定和應用程式。 如果您允許,您的應用程式會以指定的內容開啟。
另請參閱:
在網路主控台工具中更可靠地編輯和重新傳送網路要求
先前在 Microsoft Edge 中,針對來自網路的網路要求選取 [編輯並重新傳送 ] 工具,可能無法可靠地開啟 網路主控台 工具,並且預先填入要求的值。
在 Microsoft Edge 版本 105 中,此問題已在舊版開發工具 UI 中修正。 此問題也會在未來版本的焦點模式 DevTools UI 中修正。 [編輯並重新傳送] 現在會使用您要重新傳送的網路要求值,預先填入網路主控台工具。 您可以繼續修改這些值,再從 [網路主控台 ] 工具傳送要求。 感謝您向我們提供有關此問題的意見反應!
以滑鼠右鍵按一下您要變更並重新傳送的網路要求,然後選取 [ 編輯並重新傳送]:
在 [網路主控台] 中,編輯網路要求資訊,然後按一下 [傳送 ] 按鈕:
另請參閱:
- 從 Compose 的網路工具中開啟網路主控台工具,並使用網路主控台工具傳送 Web API 要求。
焦點模式:改良 DevTools、活動列和快速檢視的位置控制項
在 Microsoft Edge 105 中,我們對位置控制項進行了多項改進,包括用於變更 快速檢視 面板方向的新選項。
自訂和控制 DevTools (...) 功能表現在直接包含設定 DevTools 停靠位置的按鈕,而不需要開啟子功能表。 Dock 位置圖示現在具有更大的對比,且目前選取的 Dock 位置按鈕現在會醒目提示。
此功能表現在也直接包含用於設定和指出 [活動列 ] 顯示位置的按鈕,而不是使用子功能表。
更新: Microsoft Edge 144 及之後的版本已不再支援垂直活動列。
在舊版 Microsoft Edge 的焦點模式下選取停駐位置:
在 Microsoft Edge 105:
您現在也可以變更 「快速檢視 」工具列和面板的方向。 若要以垂直方式顯示 [ 快速檢視 ] 面板,而不是水平顯示,請按一下 [快速檢視向右停靠 ] 按鈕:
若要 讓 [快速檢視 ] 工具列與面板回到水平方向,請按一下 [將快速檢視停靠到底部 ] 按鈕:
若要以任一方向最小化「 快速檢視 」面板,請按一下 摺疊快速檢視 按鈕,或按下 Esc:
修正:來源和網路工具中的搜尋功能現在如預期在焦點模式下運作
在舊版的 Microsoft Edge 中,焦點模式實驗沒有適當地展示網路工具中的搜尋功能,或來源工具中的所有檔案中搜尋功能。 在 Microsoft Edge 版本 105 中,這些問題已經修正。
您現在可以在 [網路 ] 工具中透過 [搜尋 ] 圖示進行搜尋:
若要在 [來源 ] 工具中搜尋所有檔案,請在 [ 頁面 ] 區段中,以滑鼠右鍵按一下 頂端 視窗或任何網域,然後選取 [ 在所有檔案中搜尋]:
另請參閱:
- 在 [檢查網路活動] 中搜尋網路標頭和回應。
- 使用搜尋工具尋找頁面的來源檔案
改善問題工具的可靠性
在舊版的 Microsoft Edge 中,有一個錯誤導致問題無法出現在 [問題 ] 工具中。 此錯誤已在 Microsoft Edge 105 中修正。
另請參閱:
來自 Chromium 專案的公告
Microsoft Edge 105 也包含來自 Chromium 專案的下列更新: