PART ONE
專案總覽｜功能與應用場景
這是一個 Home Assistant Lovelace 的自訂卡片，可將任何實體的「更多資訊」對話框內容直接顯示為儀表板上的一張卡片。此版本是基於原專案的現代化分支，包含了對 TypeScript、Lit 3.x 的更新以及多項功能改進與錯誤修復，以確保與新版 Home Assistant 的相容性。
🔑 核心功能
- 將實體詳細資訊顯示為卡片
- 相容現代 Home Assistant
- 支援 TypeScript 嚴格模式
- 使用 Lit 3.x 框架
- 改進的錯誤處理
- 支援手動安裝
- 可自訂卡片標題
📋 功能詳細說明
| 功能名稱 | 說明 |
|---|---|
| 在儀表板上直接顯示吸塵器完整狀態 | 使用者可以將掃地機器人的 more-info-card 新增到主儀表板。無需點擊實體，即可直接在卡片上看到完整的狀態資訊、電池電量、以及所有控制按鈕。 |
| 將天氣預報詳細資訊整合至概覽頁面 | 將天氣實體透過 more-info-card 新增至儀表板，可以直接顯示未來幾天的溫度趨勢、濕度、風速等詳細預報資訊。 |
PART TWO
深入解析｜執行環境與部署步驟
⚙️ 執行環境需求
- 需要 Home Assistant 2023.4 或更新版本。
- 需要 Lovelace 儀表板。
🔧 部署安裝步驟
| 步驟 | 說明 |
|---|---|
| Step 1 | 從 GitHub 倉庫的 dist 目錄下載 more-info-card.js 檔案。 |
| Step 2 | 將檔案上傳到 Home Assistant 的 www 資料夾中。 |
| Step 3 | 前往設定 > 儀表板 > 資源。 |
| Step 4 | 新增資源 URL 為 /local/more-info-card.js，類型為 JavaScript 模組。 |
| Step 5 | 重新啟動 Home Assistant 伺服器。 |
| Step 6 | 清除瀏覽器快取。 |
| Step 7 | 在 Lovelace 儀表板中新增 custom:more-info-card 卡片並指定 entity。 |
PART THREE
總結與展望｜AI Agent 部署 Prompt
🤖 AI Agent 部署 Prompt
以下是用於部署此專案的 AI Agent Prompt，可直接複製使用：
請幫我安裝並部署 HA_card_lovelace-more-info-card。 ## 專案資訊 - 倉庫位址：https://github.com/WOOWTECH/HA_card_lovelace-more-info-card - 類型：Home Assistant 主題/卡片 - 功能說明：將實體更多資訊對話框內容顯示為卡片。 ## 環境需求 - Home Assistant 2023.4+。 - Lovelace 儀表板。 - 現代網頁瀏覽器。 ## 安裝步驟 1. 下載 more-info-card.js。 2. 上傳到 /config/www/。 3. 在資源中新增。 4. 重新啟動 Home Assistant。 5. 清除快取。 6. 新增 custom:more-info-card 卡片。
← 返回開源專案列表