> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bricks.tools/llms.txt
> Use this file to discover all available pages before exploring further.

# 遠端除錯

> 透過 BRICKS Controller 遠端檢查應用程式屬性

遠端除錯讓您無需存取裝置的區域網路，即可從 [BRICKS Controller](/zh-Hant/controller) 即時檢查應用程式屬性。這對於已部署在外地、客戶現場或您無法實際存取的位置的裝置特別有用。

## 開始遠端除錯工作階段

<Steps>
  <Step title="在 BRICKS Controller 中開啟裝置">
    前往 [BRICKS Controller](/zh-Hant/controller/devices)，點擊您要除錯的裝置。
  </Step>

  <Step title="開始遠端除錯">
    在裝置詳細頁面點擊**遠端除錯**。Controller 會連接至裝置並擷取可用屬性清單。
  </Step>

  <Step title="選取要監控的屬性">
    選擇您要檢查的屬性。只有已選取的屬性會進行串流，以減少資料傳輸量。
  </Step>
</Steps>

<Info>
  裝置必須處於線上狀態且已連接至 BRICKS 伺服器，遠端除錯才能正常運作。此功能可能不適用於所有工作區方案。
</Info>

## 可檢查的內容

遠端除錯工作階段會顯示正在執行之應用程式的即時屬性值：

* **資料節點值** —資料節點的當前狀態
* **Generator 屬性** —設定和輸出值
* **Brick 屬性** —UI 元件設定和綁定

### 篩選

使用篩選選項縮小屬性清單範圍：

* **依名稱搜尋** —以關鍵字篩選屬性
* **隱藏自動產生的項目** —僅顯示使用者定義的屬性
* **隱藏指令** —篩除指令類型的節點

您可以將屬性值複製至剪貼簿以供進一步分析。

## 遠端除錯與本機除錯的比較

| 功能         | 本機除錯                         | 遠端除錯                        |
| ---------- | ---------------------------- | --------------------------- |
| **網路**     | 需要相同的區域網路                    | 可透過網際網路使用                   |
| **可檢查的內容** | 完整的 DOM、JavaScript、網路、效能     | 應用程式屬性值                     |
| **設定**     | 在裝置上啟用 DevTools，透過 Chrome 連線 | 在 BRICKS Controller 中點擊遠端除錯 |
| **最適合**    | 開發和深度除錯                      | 監控已部署在外地的裝置                 |

若需要完整的 DOM 檢查、JavaScript 除錯和效能分析，請在相同網路下使用[本機除錯](/zh-Hant/foundation/local-debugging)。當您需要在無法本機存取的裝置上查看屬性值時，請使用遠端除錯。

## 下一步

<CardGroup cols={2}>
  <Card title="本機除錯" icon="laptop-code" href="/zh-Hant/foundation/local-debugging">
    直接連接 Chrome DevTools 以獲得完整的除錯功能。
  </Card>

  <Card title="Activity Log 監控" icon="chart-line" href="/zh-Hant/foundation/activity-log">
    監控裝置事件和應用程式行為。
  </Card>
</CardGroup>