Microsoft Edge 的 Sources 工具 DevTools 可與 Microsoft Edge 中的 Copilot 整合,幫助你理解原始碼。
在檢查網頁時,你可能會想知道更多關於原始碼在 來源 工具中顯示的資訊。 使用 「解釋這些程式碼行 數」功能,你可以獲得更多關於 Edge 中 Copilot 原始碼的資訊:
支援的案例
此功能僅供標準瀏覽器視窗使用,以下情境下無法使用:
- 在 InPrivate 視窗瀏覽。 有關 InPrivate 的資訊,請參閱 Microsoft Edge 中的「瀏覽 InPrivate」。
- 在 Microsoft Edge 使用兒童模式瀏覽網頁。 欲了解兒童模式資訊,請參閱「 了解更多關於 Microsoft Edge 兒童模式的資訊」。
- 使用 DevTools 搭配 Microsoft Edge WebView2 控制項。 關於 DevTools 搭配 WebView2 應用程式的資訊,請參見 Debug WebView2 應用程式與 Microsoft Edge DevTools。
- 在獨立的 Progressive Web App 視窗中使用 DevTools。
在 Edge 啟用 Copilot
要使用此說明功能,請在 Edge 啟用 Copilot:
登入 Microsoft Edge。 請參見 登入以同步 Microsoft Edge 在不同裝置間。
請確保瀏覽器
) 中的副駕駛圖示 (右上角顯示。 如果沒有,請在 Microsoft Edge 裡選擇設定及更多 (......) >設定>側邊欄>的副駕駛,然後開啟顯示副駕駛的切換。
解釋原始碼
要使用 Copilot 來解釋 Sources 工具中的程式碼:
打開一個包含你想解釋的原始碼的網頁。 例如,在新視窗或分頁開啟 TODO 應用程式 的示範頁面。
要開啟 DevTools,請右鍵點擊網頁,然後選擇 檢查。 或者,在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。 DevTools 開啟。
在 DevTools 的 活動欄中,選擇 「來源 」標籤。如果那個分頁看不到,請點擊 「更多工具 」
) 按鈕。在來源工具的頁面標籤中,選擇該檔案。
to-do.js該檔案的原始碼會出現在編輯器面板中。在檔案中
to-do.js選擇幾行程式碼。 例如,選擇函式的內容changeTask:
右鍵點擊程式碼,然後選擇 Copilot:解釋這些程式碼行。
Copilot 會在 Microsoft Edge 側邊欄開啟,顯示原始碼、DevTools 請求訊息中「 解釋這些程式碼行」 ,接著是解釋原始碼的回應:
想了解更多原始碼資訊,請在 Copilot 輸入額外問題。
提供意見反應
當你使用上述功能時,Edge 中的 Copilot 會自動產生回應,因此有可能出現意外和錯誤。 我們持續提升回應的品質與準確性,但如果你發現錯誤回應,請在 Edge 實驗中為 Explanation the Explanation Errors and source code in Edge 實驗提供回饋,告訴我們。