Blazor WASM supports C# debugging directly in the browser using Chrome DevTools or Visual Studio — enabled by the .NET debugging protocol over WebSockets.

Browser Debugging in Chrome or Edge

1. Run your app with dotnet run
2. Open Chrome DevTools → Sources tab
3. Look for dotnet:// sources — your .razor and .cs files appear here
4. Set breakpoints directly in your C# source
5. Interact with the app — execution pauses at breakpoints

Visual Studio Debugging

• Press F5 to launch with the debugger attached
• Set breakpoints in .razor files — VS launches a browser and hits them
• Inspect locals, watch expressions, call stack — full debugging experience

Logging

@inject ILogger<MyComponent> Logger

Logger.LogDebug("Products loaded: {Count}", products.Count);
Logger.LogError(ex, "Failed to load products");

Log output appears in the browser console. Configure log levels in appsettings.json.

Reference:

Wikipedia: Debugging

https://en.wikipedia.org/wiki/Debugging