共用方式為


對混合式應用程式進行偵錯

重要

此專案是實驗性版本。 我們希望您嘗試實驗性行動裝置 Blazor 系結,並在 提供 https://github.com/xamarin/MobileBlazorBindings 意見反應。

偵錯混合式應用程式會造成挑戰,因為原生 UI 元件和 Web UI 元件混合。

在混合式應用程式中偵錯 .NET 程式碼

例如,.NET 程式碼 (C#) 可以透過標準 .NET 偵錯技術進行偵錯,例如使用 Visual Studio 來偵錯應用程式。

在混合式應用程式中偵錯 Web UI

混合式應用程式中的 Web UI 程式碼會在平臺特定的瀏覽器檢視元件中執行。 這些元件支援各種偵錯技術,通常使用常見的瀏覽器開發人員工具。

常見的 Web 特定錯誤如下:

  • 遺失/不正確的 URL 導致資源無法載入
  • JavaScript Interop 無法如預期般運作

對 Android 混合式 Web UI 進行偵錯

先決條件:

  • 在您的開發人員電腦上安裝 Google Chrome

步驟:

  1. 在 Android 模擬器中啟動受影響的應用程式
  2. 在開發人員電腦上的 Google Chrome 中,流覽至 chrome://inspect/#devices
  3. 找出適當的「遠端目標」並選取所需的偵測器,然後會有各種偵錯選項

對 iOS 混合式 Web UI 進行偵錯

TODO:包含 Safari 步驟

對 Windows 混合式 Web UI 進行偵錯

步驟:

  1. 啟動受影響的應用程式
  2. 以滑鼠右鍵按一下應用程式中的任何 Web 檢視,然後選取 Inspect ,這會啟動開發人員工具

對 macOS 混合式 Web UI 進行偵錯

TODO:包含 macOS 步驟

偵錯 Tizen 混合式 Web UI

TODO:包含 Tizen 步驟