Lesedauer 2 Minuten

Entwickelt man Blazor MAUI Apps und macOS, hat man mit Safari eine elegante Möglichkeit Blazor Apps im laufenden Betrieb zu debuggen und Stylesheet-Anpassungen in Echtzeit vorzunehmen. Das ist besonders wichtig, da einige Fehler nicht im C#-Debugger, sondern in der Developer-Konsole des WebViews auflaufen. Dieser Beitrag zeigt wie es funktioniert.

Safari Developer Menu aktivieren

macOS: Blazor Apps debuggen, Schritt 1

Zuerst aktivieren wir in Safari die Entwickler Tools:

  • Wir starten Safari und wählen im Menü Safari/Einstellungen.
  • Im folgenden Dialog wählen wir den Tab “Erweitert”
  • und aktivieren am unteren Rand “Funktionen für Webentwickler anzeigen”
  • Sollte der neue Menüpunkt “Entwickler” zwischen “Lesezeichen” und “Fenster” nicht sofort sichtbar sein, starten wir Safari neu.

Blazor MAUI App: Developer-Console einblenden

Nun starten wir unsre Blazor MAUI App und wählen im Safari-Menü den Eintrag “Entwickler / HOSTNAME / APPNAME / 0.0.0.1”. In unserem Beispiel ist der Hostname iMac2 und die App heisst EliaAdmin.

macOS: Blazor Apps debuggen, Schritt 2

Die Developer-Konsole öffnet sich in einem eigenen Fenster und das Debugging kann starten. Es spielt dabei keine Rolle, ob die App auf dem Desktop oder im iOS-Simulator läuft.

Blazor MAUI Apps unter macOS debuggen

Mehr Beiträge zu Blazor lesen

 

Hat Dir der Beitrag gefallen?

Wenn Du Fragen oder Anmerkungen zu diesem Beitrag hast, dann starte einen Kommentar. DANKE für Dein Feedback!