共用方式為

DevTools 概觀

  • 發行項

Microsoft Edge 瀏覽器隨附內建 Web 開發工具，稱為 Microsoft Edge DevTools。 DevTools 是一組 Web 開發工具，會出現在瀏覽器中轉譯的網頁旁邊。 DevTools 提供強大的方法來檢查網頁和 Web 應用程式並進行偵錯。 您甚至可以在 DevTools 環境中編輯來源檔案並建立網站專案。

使用 DevTools，您可以執行下列動作：

  • 使用即時工具搭配視覺化介面來檢查、調校及變更網頁中元素的樣式。 檢查瀏覽器儲存內容以建構網頁的位置，包括 .html、.css、.js 和 .png 檔案格式。

  • 模擬您的網站在不同裝置上的行為，並模擬行動環境，以不同的網路條件完成。 檢查網路流量，並查看問題的位置。

  • 使用中斷點偵錯和透過即時主控台對 JavaScript 進行偵錯。 尋找 Web 應用程式的記憶體問題和轉譯問題。

  • 尋找產品中的協助工具、效能、相容性和安全性問題，並使用 DevTools 來修正找到的協助工具問題。

  • 使用開發環境，將 DevTools 中的變更與檔案系統和 Web 同步。

影片：了解 DevTools 使用者介面

「了解 DevTools 使用者介面」影片的縮圖影像

這個稍早的 2022 年 9 月影片顯示適用於 DevTools 的舊版 UI：

  • 影片會顯示舊版主要工具列，而不是 [活動列]。
  • 影片會顯示 [選單]，而不是 [快速檢視] 面板 (在 DevTools 底部)。

開啟 DevTools

在 Microsoft Edge 中，您可以使用滑鼠或鍵盤，以下列任一種方式開啟 DevTools。 開啟的工具取決於您開啟 DevTools 的方式。

主要方式：

動作 結果工具
以滑鼠右鍵按一下網頁上的任何項目，然後選取 [檢查]。 [元素] 工具並展開 DOM 樹狀結構，顯示以滑鼠右鍵按一下的頁面元素。
按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS)。 先前使用的工具，或 [歡迎使用] 工具。
按 F12。 先前使用的工具，或 [歡迎使用] 工具。

其他方式：

動作 結果工具
在 Microsoft Edge 工具列上，選取 [設定及其他] (設定及其他圖示) >其他工具>開發人員工具。 先前使用的工具，或 [歡迎使用] 工具。
按 Ctrl+Shift+J (Windows、Linux) 或 Command+Option+J (macOS)。 [主控台] 工具。
按 Ctrl+Shift+C (Windows、Linux) 或 Command+Option+C (macOS)。 [元素] 工具並展開 DOM 樹狀結構，顯示 <body> 元素。
按 Shift+F10 開啟操作功能表。 若要選取 [檢查] 命令，請按向上鍵，然後按 Enter 鍵。 [元素] 工具並展開 DOM 樹狀結構，顯示 <html> 元素。
按 Tab 鍵或 Shift+Tab 將焦點放在頁面元素上。 然後按 Shift+F10 開啟操作功能表。 若要選取 [檢查] 命令，請按向上鍵，然後按 Enter 鍵。 [元素] 工具並展開 DOM 樹狀結構，顯示焦點頁面元素。

以滑鼠右鍵按一下網頁中的項目以開啟 DevTools

開啟 DevTools 的良好方法是以滑鼠右鍵按一下網頁上的項目，然後選取 [檢查]：

以滑鼠右鍵按一下示範網頁中的 [關於我們] 連結，然後選取 [檢查] 命令

DevTools 隨即開啟，在 [元素] 工具的 DOM 樹狀結構中，醒目提示以滑鼠右鍵按一下的元素：

DevTools 會在 Microsoft Edge 右側開啟，並在 [元素] 工具的 DOM 樹狀結構中選取 DOM 元素

使用 Microsoft Edge 工具列開啟 DevTools

在 Microsoft Edge 工具列上，選取 [設定及其他] (...) >其他工具>開發人員工具：

Microsoft Edge 的 [設定及更多] 功能表，其中包含 [其他工具] 子功能表和 [開發人員工具] 命令

當您開啟新的索引標籤時，讓 DevTools 自動開啟

若要在每當您在瀏覽器中開啟新的索引標籤時，讓 DevTools 自動開啟：

  1. 在命令列中，開啟 Microsoft Edge，傳入 --auto-open-devtools-for-tabs 旗標，如下所示：

    Windows 命令提示字元：

    start msedge --auto-open-devtools-for-tabs

    Windows PowerShell：

    Start-Process -FilePath "msedge" -ArgumentList "--auto-open-devtools-for-tabs"

    macOS 終端機：

    /Applications/Microsoft\ Edge.app/Contents/MacOS/Microsoft\ Edge --auto-open-devtools-for-tabs

    Linux 上的 Bash 殼層：

    microsoft-edge --auto-open-devtools-for-tabs
停用啟動加速

重要：透過 auto-open-devtools-for-tabs 啟動時，不得執行 Microsoft Edge 程序，因此您可能需要在 edge://settings/system 中停用啟動加速。

啟動加速功能會使得在背景中執行的 Microsoft Edge 程序保持在最少數目。 這樣會干擾 auto-open-devtools-for-tabs 功能，必須停用才能使用該功能。 如需詳細資訊，請參閱取得啟動加速的說明。

關閉 F12 鍵盤快速鍵

若要防止按 F12 鍵會開啟 DevTools：

  1. 在 Microsoft Edge 中，移至 edge://settings/system。

  2. 向下捲動至 [開發人員工具] 區段，然後關閉 [使用 F12 鍵開啟開發人員工具] 切換。

    [Edge 設定] 頁面，其中包含 [開發人員工具] 區段，以及用來停用 F12 鍵的切換

鍵盤支援

您可以使用滑鼠或鍵盤與 DevTools 互動。 鍵盤快速鍵可讓您快速存取功能，而且是協助工具的必要項目。 透過鍵盤和輔助技術，例如螢幕助讀程式，使用者就更加容易存取各種工具。

請參閱鍵盤快速鍵和使用輔助技術瀏覽 DevTools。

變更 DevTools 停駐在瀏覽器中的位置

您可以將 DevTools 停駐在瀏覽器的右側、左側或底部，或將其卸除到個別視窗中。 請參閱變更 DevTools 位置 (卸除、固定至底部、固定至左側)。

放大或縮小 DevTools

DevTools UI 是使用 HTML 和 CSS 來實作的，例如網頁，因此您可以使用標準鍵盤快速鍵來放大和縮小。 DevTools 和轉譯頁面的縮放層級是獨立的。

若要縮放瀏覽器的 DevTools 部分：

  1. 如果焦點尚未在 DevTools 上，請按一下 DevTools 中的任何位置。
  2. 按 Ctrl++ 或 Ctrl+- (Windows 或 Linux)。 或者，按 Command++ 或 Command+- (macOS)。

DevTools 已縮小

若要縮放轉譯的頁面，請按一下頁面，然後使用與上面所述相同的鍵盤快速鍵。

若要將縮放還原至 100%：

  1. 請確定焦點位於瀏覽器所需的部分，即 DevTools 或轉譯的頁面。
  2. 按 Ctrl+0 或 Ctrl+NumPad0 (Windows 或 Linux)，或 Command+0 (macOS)。

若要縮放 DevTools 設定：

  1. 在 DevTools [設定] 中，按一下右上方的 [關閉] (x)。
  2. 變更 DevTools 的縮放層級，如上所述。
  3. 按一下 [設定] (設定圖示) 按鈕。

若要使用命令功能表縮放 DevTools：

  1. 按一下 [自訂及控制 DevTools] (自訂圖示) 功能表按鈕，然後選取 [執行命令]。
  2. 在 [命令功能表] 中，開始輸入 zoom，然後選取縮放命令：
    • 重設縮放層級
    • 放大
    • 縮小

使用者介面概觀

DevTools 使用者介面有下列主要區域：

  • 頂端或左側的 [活動列]，其中包含用來存取工具、設定、文件等項目的圖示。

    • 目前的工具區域，其中顯示 [活動列] 中目前選取的工具。

  • 底部的 [快速檢視] 工具列包含用來存取工具的索引標籤。

    • 底部工具區域，其中顯示 [快速檢視] 工具列中目前選取的工具。

Microsoft Edge，在側邊開啟 DevTools，並醒目提示 4 個主要 UI 區域

根據預設，[活動列] 包含下列工具：

  • 檢查工具 (檢查工具圖示) 切換按鈕。

  • 裝置模擬工具 (裝置模擬圖示) 按鈕。

  • 歡迎使用工具 (歡迎使用工具圖示)。

  • 元素工具 (元素工具圖示)。

  • 主控台工具 (主控台工具圖示)。

  • 來源工具 (來源工具圖示)。

  • 網路工具 (網路工具圖示)。

  • 效能工具 (效能工具圖示)。

  • 記憶體工具 (記憶體工具圖示)。

  • 應用程式工具 (應用程式工具圖示)。

根據預設，[快速檢視] 工具列包含下列工具：

  • 主控台工具 (主控台工具圖示)。

  • 問題工具 (問題工具圖示)。

在 [活動列] 中，工具索引標籤會包含工具名稱和圖示，或只包含工具圖示，取決於 DevTools 視窗的寬度。 如果視窗夠寬，則會顯示工具名稱和圖示。 如果視窗太窄，只會顯示工具圖示，當您將滑鼠游標停留在工具圖示上時，才會顯示工具名稱。

如果 [活動列] 垂直地位於 DevTools 視窗左側，則只會顯示工具圖示，當您將滑鼠游標停留在工具圖示上時，才會顯示工具名稱。

變更活動列的位置

根據預設，[活動列] 會水平顯示在 DevTools 視窗頂端。 若要將各種 DevTools 視窗大小和位置中可用的螢幕空間最大化，您可以將 [活動列] 的位置變更為 DevTools 視窗左側，或根據 DevTools 視窗停駐位置自動設定。

[活動列] 可以位於下列其中一個位置：

  • 頂端 (預設值)：[活動列] 一律水平顯示。

  • 左側：[活動列] 一律垂直顯示。

  • 適應停駐位置：[活動列] 會根據 DevTools 停駐的位置，以水平或垂直方向顯示。

    • 當 DevTools 停駐在瀏覽器視窗的左側或右側時，[活動列] 是垂直的。

    • 當 DevTools 停駐在瀏覽器視窗的底部，或在自己的視窗中卸除時，[活動列] 是水平的。

當 [活動列] 為水平時，如果有足夠的空間可顯示工具名稱，則工具名稱會顯示在工具圖示旁邊。

如果沒有足夠的空間可顯示所有工具名稱，水平 [活動列] 會顯示一些具有工具圖示和名稱的索引標籤，以及一些具有圖示和工具提示的索引標籤：

水平活動列寬度有限，因此有些工具沒有標籤，而只有具有工具提示的圖示

若要變更 [活動列] 的位置，請執行下列其中一項動作：

  • 按一下 [自訂及控制 DevTools] (自訂及控制 DevTools) 按鈕，然後在 [活動列位置] 中選取位置：

    DevTools 的 [自訂及控制 DevTools] 功能表，其中顯示各種 [活動列位置] 選項

  • 在 [活動列] 中，按一下 [將活動列移至左方] (將活動列移至左方圖示) 或 [將活動列移至頂端] (將活動列移至頂端圖示)。

  • 使用命令功能表。 按 Ctrl+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS)，輸入文字 activity bar (活動列)，然後選取 [將活動列移至左方] 或 [將活動列移至頂端]。 請參閱進階提示：使用命令功能表。

變更快速檢視的位置

根據預設，[快速檢視] 面板位於 DevTools 的底部。 您也可以將 [快速檢視] 面板放在 DevTools 的右側。

若要顯示 [快速檢視] 面板，請按 Esc。

若要變更 [快速檢視] 面板的位置，請在 [快速檢視] 工具列中，按一下 [將快速檢視固定至右側] (將快速檢視固定至右側圖示) 按鈕或 [將快速檢視固定至底部] 按鈕：

[停駐快速檢視] 圖示，顯示在 DevTool 底部的 [快速檢視] 工具列中

活動列的功能

DevTools 可為您提供絕佳的能力來檢查、偵錯及變更瀏覽器中目前顯示的網站。 大部分的工具會即時顯示變更。 即時更新可讓工具在不需要重新整理或建置網頁的情況下，改善網頁的外觀和瀏覽或功能。

包含索引標籤和頁面的索引標籤式工具面板

除了 [檢查] 工具和 [裝置模擬] 之外，DevTools 會分成一組索引標籤式工具，例如 [元素] 工具、[主控台] 工具和 [來源] 工具。 在 [命令功能表] 中，工具稱為面板。 工具的索引標籤包含面板，其中包含工具的 UI。

較高層級的索引標籤：

工具會組織成 [活動列] 和 [快速檢視] 工具列上的一組索引標籤。 大部分的工具也稱為面板。 面板是工具的內部 UI。 工具有一個索引標籤，可以出現在 [活動列] 和 [快速檢視] 工具列上。

較低層級的索引標籤：

在某些工具的面板中，有一或多組索引標籤 (索引標籤式窗格)。 例如，[元素] 工具包含一組索引標籤，其中包含 [樣式]、[事件接聽程式] 和 [協助工具] 索引標籤。 對於其他工具，工具的面板左側會列出頁面。

活動列和快速檢視工具列

有兩個工具列：DevTools 頂端的 [活動列]，以及您按 Esc 時底部的 [快速檢視] 工具列。

[活動列] 包含下列功能：

  • 圖示工具：
    • 檢查工具 (檢查工具圖示) 切換按鈕。
    • 裝置模擬 (裝置模擬圖示) 按鈕。

  • 工具索引標籤：

    • 歡迎使用工具。
    • 元素工具。 永久。
    • 主控台工具。 永久。
    • 來源工具。 永久。
    • 網路工具。
    • 效能工具。
    • 記憶體工具。
    • 應用程式工具。

  • 圖示：

    • 將活動列移至左方 (將活動列移至左方圖示) 按鈕。
    • 其他工具 (其他工具圖示) 按鈕。
    • 自訂及控制 DevTools (自訂圖示) 功能表按鈕。
    • 說明 (說明圖示) 按鈕。
    • 關閉 DevTools (關閉 DevTools 圖示) 按鈕。

活動列，具有可識別其功能的標籤

[活動列] 功能如下所述。

釘選和重新排列 [活動列] 中的工具

除了永久 [元素]、[主控台] 和 [來源] 工具之外，您也可以控制在 [活動列] 中顯示哪些工具，以自訂 DevTools 將焦點放在您目前的活動上。

  1. 按一下 [其他工具] (其他工具圖示) 按鈕以列出所有可用工具：

    [活動列] 中的 [其他工具] 功能表，其中包含所有工具的已展開清單

  2. 選取工具以將其釘選至 [活動列]。 每當 DevTools 開啟時，工具就會出現在 [活動列] 中。

如果 [活動列] 中沒有足夠的空間可顯示所有已釘選的工具，則會將已開啟但未顯示的工具移至 [其他工具] 功能表：

[其他工具] 功能表，顯示一些無法放入 [活動列] 中的已釘選工具

若要從 [活動列] 取消釘選工具，請以滑鼠右鍵按一下工具的索引標籤，然後選取 [從活動列移除]：

[效能] 工具索引標籤的操作功能表，從 [活動列] 移除工具

檢查工具

當您按一下 [檢查工具] (檢查工具圖示) 按鈕時，您可以選取目前網頁上的元素。 當 [檢查] 工具為作用中時，您可以將滑鼠移至網頁的不同部分，以取得頁面元素的詳細資訊，以及顯示頁面元素版面配置維度、邊框間距和邊界的多色重疊。

將滑鼠游標停留在本文第一個標題時的 [檢查] 工具

裝置模擬

按一下 [裝置模擬] (裝置模擬圖示) 按鈕以在模擬裝置模式中顯示目前網站。 [裝置模擬] 工具可讓您執行並測試當您調整瀏覽器大小時，產品會如何回應。 它也可讓您預估行動裝置上的版面配置和行為。

在模擬行動電話中顯示本文的 DevTools

請參閱模擬行動裝置 (裝置模擬)。

歡迎使用工具

包含 DevTools 新功能的相關資訊、如何連絡小組，以及提供特定功能的相關資訊。

元素工具

可讓您檢查、編輯和偵錯 HTML 和 CSS。 您可以在工具中編輯，同時在瀏覽器中即時顯示變更。

[元素] 工具一律會出現在 [活動列] 上。

主控台工具

在 [主控台] 工具中，您可以：

  • 檢視和篩選來自網路要求或 JavaScript 記錄陳述式的已記錄訊息。
  • 輸入 JavaScript 陳述式以即時評估。 運算式會在目前的內容中評估，例如當 [來源] 工具中的 JavaScript 偵錯工具在中斷點暫停時。

[主控台] 工具一律會出現在 [活動列] 和 [快速檢視] 工具列上。

請參閱主控台。

來源工具

來源工具是程式碼編輯器和 JavaScript 偵錯工具。 您可以編輯專案、維護程式碼片段，以及對目前的專案進行偵錯。

[來源] 工具一律會出現在 [活動列] 上。

網路工具

[網路] 工具可讓您監視及檢查來自網路和瀏覽器快取的要求或回應。 您可以篩選要求和回應以符合您的需求，並模擬不同的網路條件。

請參閱檢查網路活動。

效能工具

請參閱效能工具簡介。

記憶體工具

請參閱修正記憶體問題。

應用程式工具

請參閱檢視、編輯和刪除 Cookie。

[其他工具] 按鈕

若要將工具新增至 [活動列]，請按一下 [其他工具] (其他工具圖示) 按鈕。

[自訂及控制 DevTools] 功能表

[自訂及控制 DevTools] (自訂及控制 DevTools) 按鈕會開啟下拉式功能表以便：

  • 停駐 DevTools。
  • 停駐 [活動列]。
  • 選取佈景主題。
  • 顯示鍵盤快速鍵。
  • 變更 DevTools 設定。
  • 開啟 [裝置模擬]。
  • 切換 [快速檢視] 面板。
  • 執行命令。
  • 搜尋程式碼。
  • 開啟檔案。

說明按鈕

[說明] (說明圖示) 按鈕會開啟下拉式功能表，其中具有下列項目：

關閉 DevTools 按鈕

按一下 DevTools 右上角的 [關閉] DevTools (關閉 DevTools 圖示) 按鈕，關閉 DevTools 並使用整個視窗來顯示目前的網頁。

[快速檢視] 工具列的功能

使用 [快速檢視] 面板，在 [活動列] 中已選取的工具下方或右側開啟第二個工具：

  1. 從 [活動列] 選取工具。

  2. 在 [快速檢視] 工具列中，按一下 [其他工具] (其他工具圖示)，然後從清單中選取其他工具。

例如，在 [快速檢視] 面板中開啟 [轉譯] 工具，位於 [活動列] 中開啟的 [網路] 工具下方：

DevTools，[網路] 工具位於頂端，而 [轉譯] 工具位於底部

若要隱藏或展開 [快速檢視]，請按一下 [摺疊快速檢視] (摺疊圖示) 或 [展開快速檢視] (展開圖示)，或按 Escape 鍵。

所有工具的概觀

如需每個工具的摘要，請參閱關於工具清單中所有工具的概觀。

工具、索引標籤或面板

「工具」、「索引標籤」和「面板」這些字詞可互換。 在 [命令功能表] 中，這些工具稱為面板；例如，[元素] 工具稱為 [元素] 面板。 若要切換至 [元素] 工具，您要按一下 [元素] 索引標籤。有 [其他工具] (其他工具圖示) 按鈕和清單可用於選取工具。 DevTools 工具也稱為 DevTools 面板。

您可以自訂每個工具，而且工具的內容可以根據內容變更。

關於活動列和快速檢視工具

[其他工具] (其他工具圖示) 按鈕會同時顯示在 [活動列] 和 [快速檢視] 工具列中。 當您從位於 [活動列] 的 [其他工具] 清單中開啟工具時，工具會顯示在 [活動列]。 當您從 [快速檢視] 工具列中的 [其他工具] 清單開啟工具時，工具會在 [快速檢視] 面板中開啟。

工作 步驟
在 DevTools 頂端的 [活動列] 中開啟工具 在 DevTools 頂端的 [活動列] 中，按一下 [其他工具] (其他工具圖示)，然後選取工具。
在 [快速檢視] 工具列上開啟工具 當 DevTools 有焦點時，如果尚未顯示，請按 Esc 以顯示 [快速檢視] 工具列。 在 [快速檢視] 工具列中，按一下 [其他工具] (其他工具圖示) 按鈕，然後選取工具。
將工具從 [快速檢視] 工具列移至 [活動列] 當 DevTools 有焦點時，請按 Esc 以顯示 [快速檢視]。 在 [快速檢視] 工具列中，以滑鼠右鍵按一下工具的索引標籤，然後選取 [移至頂端活動列] 或 [移至左側活動列]。
將工具從 [活動列] 移至 [快速檢視] 工具列 在 [活動列] 中，以滑鼠右鍵按一下工具的索引標籤，然後選取 [移至底部快速檢視] 或 [移至側邊快速檢視]。
在其預設工具列中開啟工具 ([活動列] 或 [快速檢視]) 當 DevTools 有焦點時，藉由按 Ctrl+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS) 來開啟 [命令功能表]。 輸入工具的名稱，然後選取 [顯示 <工具>] 命令。

除了 [活動列] 和 [快速檢視] 工具之外，DevTools 還包含下列工具：

另請參閱

進階提示：使用命令功能表

DevTools 提供許多功能與您的網站搭配使用。 您可以透過許多方式存取 DevTools 的不同部分，但使用 [命令功能表] 通常是一個快速的方式。

DevTools 中的命令功能表

在 [命令功能表] 中，這些工具稱為「面板」；例如，[元素] 工具稱為 [元素] 面板。 若要切換至 [元素] 工具，請選取 [元素] 索引標籤。

  1. 若要開啟 [命令功能表]，請執行下列其中一項操作：

    • 按一下 [自訂及控制 DevTools] (自訂及控制 DevTools) 按鈕，然後選取 [執行命令]。
    • 按 Ctrl+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS)。

    [命令功能表] 可讓您輸入命令，以在 DevTools 中顯示、隱藏或執行功能。

  2. 在 [命令功能表] 中，開始輸入工具的名稱，例如變更，然後選取 [顯示] 命令，例如 [顯示變更]。 [命令功能表] 會顯示相符的命令：

    [命令] 功能表會在您輸入 'cha' 之後顯示選項，包括 [在快速檢視中顯示變更工具]

  3. 按 Enter 鍵以選取 [顯示] 命令，例如 [顯示變更]。 選取的工具會在底部的 [快速檢視] 面板中開啟：

    在 [快速檢視] 面板中開啟 [變更] 工具的 DevTools

    當您編輯 CSS 時，[變更] 工具非常有用。 在此範例中，[命令功能表] 提供選取 [其他工具] (其他工具圖示)，然後選取 [變更] 的快速替代方案。 此範例也提供在 [來源] 工具中編輯 .js 檔案，然後以滑鼠右鍵按一下並選取 [本機修改] 的替代方案。

另請參閱使用 Microsoft Edge DevTools 命令功能表來執行命令。

自訂 DevTools

您可以自訂 DevTools，以符合您的工作方式需求。 若要變更設定，請按一下 [自訂及控制 DevTools] (自訂及控制 DevTools) 按鈕，然後選取 [設定] (設定圖示)，或按 F1。

在 [設定] > [喜好設定] 頁面中，您可以變更 DevTools 的數個部分。 例如，您可以使用 [瀏覽器 UI 語言] 設定，在 DevTools 中使用與瀏覽器中所使用相同的語言。 如需另一個範例，請使用 [佈景主題] 設定來變更 DevTools 的色彩佈景主題。

DevTools 中的所有設定

您也可以變更進階功能的設定，例如：

  • 將本機檔案新增至工作區。
  • 使用 [忽略清單] 篩選程式庫程式碼。
  • 定義您想要包含在裝置模擬和測試模式中的 [裝置]。 如需詳細資訊，請參閱模擬行動裝置 (裝置模擬)。
  • 選取網路節流設定檔。
  • 定義模擬位置。
  • 自訂鍵盤快速鍵。 例如，若要在 DevTools 中使用與 Visual Studio Code 中相同的快速鍵，請選取 [預設的相符快速鍵] > [Visual Studio Code]。

所有鍵盤快速鍵和功能表，將每個項目比對至 Visual Studio Code 中的快速鍵

嘗試實驗性功能

DevTools 小組在 DevTools 中提供新功能作為實驗。 您可以開啟或關閉每個實驗。 若要查看 Microsoft Edge DevTools 中的實驗性功能的完整清單，請在 DevTools 中選取 [設定] (設定圖示)，然後選取 [實驗]。

若要預覽 DevTools 的最新功能，請下載 Microsoft Edge Canary，其會在夜間建置。

另請參閱:

另請參閱