說明在 Edge 中使用 Copilot 的原始程式碼

Microsoft Edge DevTools 中的 Sources 工具與 Microsoft Edge 中的 Copilot 整合，以協助您了解原始程式碼。

檢查網頁時，您可能會想要有關 [來源 ] 工具中所顯示原始碼的詳細資訊。 藉由使用 說明這幾行程序代碼 功能，您可以在 Edge 的 Copilot 中取得原始程式碼的詳細資訊：

支援的案例

這項功能適用於標準瀏覽器視窗，在下列案例中無法使用：

• 在 InPrivate 視窗中流覽。 如需 InPrivate 的相關信息，請 參閱在 Microsoft Edge 中瀏覽 InPrivate。
• 在 Microsoft Edge 中使用兒童模式流覽。 如需兒童模式的詳細資訊，請 參閱深入瞭解 Microsoft Edge 中兒童模式。
• 搭配 Microsoft Edge WebView2 控件使用 DevTools。 如需使用 WebView2 應用程式進行 DevTools 的相關信息，請參閱 使用 Microsoft Edge DevTools 對 WebView2 應用程式進行偵錯。
• 在獨立漸進式 Web 應用程式視窗中使用 DevTools。

在 Edge 中啟用 Copilot

若要使用此說明功能，請在Edge中啟用 Copilot：

1. 登入 Microsoft Edge。 請參閱 登入以跨裝置同步處理 Microsoft Edge。

2. 請確定 ) 會顯示在瀏覽器工具列右上角。 如果不是，請在 Microsoft Edge 中，選取 [設定] 和 [更多 (...) > [設定>]提要字段>[Copilot]，然後開啟 [顯示 Copilot] 切換。

說明原始程式碼

若要使用 Copilot 來解釋 來源 工具中的程式碼：

1. 開啟包含您要說明之原始程式碼的網頁。 例如，在新的視窗或索引標籤中開啟 TODO 應用程式 示範頁面。

2. 若要開啟 DevTools，請以滑鼠右鍵按兩下網頁，然後選取 [ 檢查]。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 隨即開啟。

3. 在 DevTools 的 [ 活動列] 上，選取 [ 來源] 索引標籤 。如果看不到該索引標籤，請按兩下 [ 其他工具 ] ([ ) 按鈕。

4. 在 [ 來源 ] 工具的 [頁面] 索 引標籤中，選取 to-do.js 檔案。 該檔案的原始碼會出現在 [編輯器] 窗格中。

5. 在檔案中 to-do.js 選取幾行程序代碼。 例如，選取函式 changeTask 的內容：

   

6. 以滑鼠右鍵按兩下程式代碼，然後選取 [Copilot：說明這些程式代碼行]。

   Copilot 會在 Microsoft Edge 提要字段中開啟，其中顯示原始程式碼、 DevTools 中 [來源] 工具的說明這些程式代碼 行要求訊息，然後顯示說明原始程式碼的回應：

   

7. 若要取得原始碼的詳細資訊，請在 Copilot 中輸入其他問題。

提供意見反應

當您使用上述功能時，Edge 中的 Copilot 所提供的回應會自動產生，因此可能會發生意外和錯誤。 我們會持續改善回應的品質和正確性層級，但如果您看到不正確的回應，請在 Edge實驗的 Copilot 中針對說明錯誤和原始碼的意見反應新增批注，讓我們知道。

另請參閱

• 說明在 Edge 中使用 Copilot 的主控台錯誤和警告