測試和除錯

目錄

為了改善開發者體驗，Docker Desktop 提供了一套工具來幫助您測試和除錯您的擴充套件。

開啟 Chrome 開發者工具

要在您選擇 **Extensions** 選項卡時為您的擴充套件開啟 Chrome 開發者工具，請執行

$ docker extension dev debug <name-of-your-extensions>

後續每次點選擴充套件選項卡也會開啟 Chrome 開發者工具。要停止此行為，請執行

$ docker extension dev reset <name-of-your-extensions>

部署擴充套件後，也可以使用 Konami Code 的變體從 UI 擴充套件部分開啟 Chrome 開發者工具。選擇 **Extensions** 選項卡，然後按下按鍵序列 `上、上、下、下、左、右、左、右、p、d、t`。

開發 UI 時的熱過載

在 UI 開發期間，使用熱過載來測試您的更改而無需重建整個擴充套件會很有幫助。為此，您可以配置 Docker Desktop 從開發伺服器載入您的 UI，例如 Vite 在呼叫 `npm start` 時啟動的伺服器。

假設您的應用程式在預設埠上執行，請啟動您的 UI 應用程式，然後執行

$ cd ui
$ npm run dev

這將啟動一個監聽埠 3000 的開發伺服器。

您現在可以告訴 Docker Desktop 將此作為前端源。在另一個終端中執行

$ docker extension dev ui-source <name-of-your-extensions> https://:3000

關閉並重新開啟 Docker Desktop 儀表板，然後轉到您的擴充套件。前端程式碼的所有更改都會立即可見。

完成後，您可以將擴充套件配置重置為原始設定。如果您使用 `docker extension dev debug `，此操作還將重置開啟 Chrome 開發者工具的行為

$ docker extension dev reset <name-of-your-extensions>

顯示擴充套件容器

如果您的擴充套件由一個或多個作為容器在 Docker Desktop VM 中執行的服務組成，您可以從 Docker Desktop 中的儀表板輕鬆訪問它們。

  1. 在 Docker Desktop 中，導航到 **Settings**。
  2. 在 **Extensions** 選項卡下，選擇 **Show Docker Desktop Extensions system containers** 選項。您現在可以檢視您的擴充套件容器及其日誌。

清理

要刪除擴充套件，請執行

$ docker extension rm <name-of-your-extension>

接下來做什麼